В помощь web-разработчику: Opera Dragonfly

На форумах web-разработчиков Интернет-проектов часто встречаешь один и тот же вопрос – есть ли аналогичное приложение FireBug(-у) в Opera?
Сегодня могу ответить на этот вопрос однозначно – да, есть и название этого приложения Dragonfly. Вот только остается загадкой, почему разработчики обозвали свое творение именно стрекозой (Dragonfly – в пер. с англ. «стрекоза»)?

Opera Dragonfly инструкция и ее возможности

Для более четкого восприятия возможностей инструмента Dragonfly вызовем ее. Чтобы это сделать, переходим в — Главное Меню — браузера, затем выбираем – Страница – Средства Разработки — Opera Dragonfly.
Вызвать инструмент можно при помощи сочетания клавиш Ctrl+Shift+I

Теперь возможности «стрекозы»
Просмотр DOM – Document Object Model (объектная модель документа). Это свойство позволяет просмотреть html-страницу из нутрии. Проанализировать иерархию страницы, расположение ее отдельных элементов.
Просмотр и редактирование CSS. С этой опцией можно легко просмотреть, отредактировать правила отображения отдельного элемента страницы. Эта возможность будет незаменимой при изменении цвета, расположении текста, блока, поскольку внесенные правки вступают в силу незамедлительно.
Отладчик JavaScript предоставляет информацию о присущих на странице JavaСкриптах. С помощью этой опции можно просмотреть не только наличие скриптов, но и детально их проанализировать.
Просмотр HTTP запросов предоставит информацию о скорости загрузки элементов страницы.
Разработчики «стрекозы» не забыли о мобильных телефонах, смартфонах и как не легко веб-мастеру настроить отображения сайта на этих устройствах. Чтобы хоть как-то облегчить эту задачу воспользуйтесь отладкой страницы для мобильных устройств.
Если честно, не пробовал и не тестировал удалённое подключение к удаленному ПК или устройствам с браузером Opera. Поэтому о этой возможности с радостью почитаю у Ваших комментариях.

И в завершении, несколько слов о том, как проверить наличие приложения в браузере и как его установить, если оно отсутствует.
Чтобы проверить наличие «стрекозы» в адресной строке Oper-ы набираем ссылку: opera:config#DeveloperTools|DeveloperToolsURL
В предоставленной статистике смотрим ссылку, она должна быть

https://dragonfly.opera.com/app/

если такова отсутствует, впишите ссылку официального сайта и перезапустите браузер.

Бывают случаи, что Opera Dragonfly не желает работать при отключенном Интернете. Это и не удивительно, ведь в настройках «стрекозы» жестко прописан официальный сайт. Но можно ли работать со «стрекозой» без Интернета? Можно. Для этого необходимо скачать архив Opera Dragonfly, распаковать его на ПК и в настройках, вместо официального сайта, прописать месторасположения файла client-en.xml