Средства разработки

Нажимайте Page Down и Page Up для переключения слайдов.

В состав Opera входят некоторые инструменты, предназначенные для веб-разработчиков, наиболее важный из которых Opera Dragonfly – инструмент позволяющий производить удалённую отладку веб-страниц.

Opera Dragonfly

Примечание: для использования Opera Dragonfly должен быть включен JavaScript.

Opera Dragonfly – это приложения на языке JavaScript, которые используются для отладки локальных и удалённых веб-страниц. Для того, чтобы открыть их, перейдите к пункту меню Вид > Средства разработки > Opera Dragonfly. Или щёлкните правой кнопкой на нужном элементе и перейдите к пункту меню Проинспектировать элемент.

Начиная с Opera 10.50, в Opera Dragonfly добавлено дополнение Storage Inspector (Инспектор хранилища) для просмотра, добавления, правки и удаления файлов cookie, элементов sessionStorage и localStorage. Впервые добавлено средство веб-дизайна, оснащенное палитрой цветов и экранной лупой. Теперь Opera Dragonfly построен на базе современной версии (STP/1) протокола Scope.

Из интерфейса пользователя доступны следующие вкладки:

вкладка DOM для отладки HTML и CSS,
вкладка Сценарии для отладки JavaScript,
вкладка Сеть для инспекции заголовков запроса и ответа HTTP,
вкладка Storage для инспекции и управления файлами cookie и веб-хранилищем,
вкладка Консоль ошибок для просмотра возникших ошибок,
вкладка Utilities на которой содержаться цветовая палитра и экранная лупа Opera Dragonfly, позволяющие выбирать цвета с веб-сайтов или виджетов,
вкладка Настройки для доступа к параметрам Opera Dragonfly.

В настоящее время Opera Dragonfly находится в процессе разработки. Дополнительную информацию смотрите в следующих статьях:

Просмотрщик исходного кода

Opera содержит простой инструмент для анализа и модификации веб-страниц – просмотрщик исходного текста. Если вы хотите просмотреть исходный текст текущей веб-страницы – перейдите к пункту меню Вид > Средства разработки > Исходный код, или нажмите Ctrl + U, или щёлкните правой кнопкой на веб-странице и выберите пункт Разработчикам > Исходный код.

Просмотрщик исходного текста открывается на новой вкладке на вашей панели вкладок и имеет подсветку синтаксиса, дающую вам наилучшее представление об исходном тексте. Если вы хотите отредактировать текст, то у вас есть две возможности:

Сохранить в кэш и сразу просмотреть внесенные вами изменения нажав кнопку «Применить изменения», или нажав Ctrl + R.
Сохранить в указанном вами месте нажав кнопку «Сохранить», или нажав Ctrl + S.

Примите во внимание, что при редактировании локально сохраненного документа выбор «Применить изменения» безвозвратно сохранит внесенные вами изменения.

Если вы предпочитаете использовать внешнюю программу для просмотра исходного текста и его редактирования, вы можете указать это в настройках программ.