Opera Software
  1. Панели инструментов
  2. Меню
  3. Панели
  4. Экспресс-панель
  5. Закладки
  6. Виджеты Opera
  7. Заметки
  8. Геопозиционирование
  9. Синхронизация Opera Link
  10. Opera Turbo
  11. Opera Unite
  12. Блокировка содержимого
  13. Защита от мошенничества
  14. BitTorrent
  15. Режимы отображения
  16. Средства разработки
  17. Preferences
  18. Advanced Preferences
  19. Темы оформления
  20. Сочетания клавиш
  21. Использование мыши
  22. Использование голосового управления
  23. Почта и новости
  24. Ленты новостей
  25. Чат
  26. Диалоговые окна
  27. Автообновление
  28. Резервирование файлов Opera

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

Используйте Page Down и Page Up для переключения между слайдами

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

Opera Dragonfly

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

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

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

Консоль разработчика

Также, как и любые JavaScript приложения на Dev.Opera, консоль разработчика может перемещена на любую панель инструментов Opera. Когда вы открываете консоль разработчика, то вверху анализируемой веб-страницы открывается небольшое окно, которое имеет пять вкладок: DOM, JS, CSS, HTTP и About.

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

По умолчанию в консоли разработчика открывается первая вкладка «DOM», содержащая список свернутых узлов, расположенных под «документом». Если вы нажмете на плюс рядом с любым узлом, то веб-страница мигнёт и на ней выделится узел, который вы развернули, нажав на плюс.

Кроме того, щелчок в любой области страницы откроет список узлов DOM с узлом, подходящим этой области выделенной страницы. Чтобы найти необходимую область, то нажмите и удерживайте клавишу Shift во время поиска по странице с помощью мыши.

Ниже приведены ключевые возможности вкладки DOM:

Консоль разработчика можно использовать и для интерактивного изменения содержимого веб-страницы. Кнопка «Remove» на панели инструментов DOM позволяет удалить узел. Также на вкладке CSS можно отредактировать любое CSS свойство объекта. Чтобы развернуть список CSS правил, необходимо нажать на кнопку «Show rules». Вносимые изменения отобразятся немедленно и могут быть экспортированы для дальнейшего использования.

Более детальное обсуждение консоли разработчика вы можете найти странице Dev.Opera.

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

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

Просмотрщик исходного текста веб-страницы открывается в новом окне на панели вкладок, и имеет подсветку синтаксиса, чтобы иметь более полное представление об исходном коде. Для изменения страницы предусмотрены два варианта:

  1. Сохранить её в кэш и увидеть изменения немедленно, нажав на кнопку «Применить изменения», или нажав комбинацию клавиш Ctrl+R.
  2. Сохранить в любом месте на компьютере, нажав на кнопку «Сохранить» или используя комбинацию клавиш Ctrl+S.

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

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