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

Opera - отличный браузер для среднестатистического пользователя. Но есть, если можно так выразиться, не совсем среднестатистические, которые в силу своей профессии делают моду на браузеры. Это веб-разработчики. Во-многом благодаря им хитро-рыжий браузер имеет высокую популярность среди пользователей. Оставаясь самым удобным браузером для обычных пользователей, Opera до последнего времени не особо жаловала веб-разработчиков удобными инструментами для разработки и отладки веб-сайтов.

И вот в последней еженедельной тестовой сборке 8713 браузера Opera 9.20 появилось одно замечательное нововведение - Консоль разработчика (Developer Console). Эта удобная и функциональная консоль поможет веб-разработчикам в отладке их веб-проектов. Находится она в меню "Сервис - Дополнительно - Developer Console"

Консоль имеет 4 функциональные вкладки: DOM, JS, CSS, HTTP.

В режиме DOM отображается DOM-дерево открытой страницы. Можно делать поиск по узлам (по названиям узлов), можно убирать узлы. При нажатии в дерево, соответствующий элемент на странице подсвечивается. Если наоборот, нажать на любой элемент на странице, то в панели откроется соответствующий ему узел в дереве.

У узлов можно смотреть, редактировать и удалять их атрибуты, JS-свойства узла, какой "каскад" стилизует этот узел (при этом перекрытые определения перечёркиваются), CSS-свойства, а также размерность узла (ширина/высота, отступы, отбивка и т.д.).

Во вкладке JS можно посмотреть Javascript-иерархию страницы, включая функции, переменные, и другие объекты. Там тоже можно фильтровать показываемые объекты по их названию.

Во вкладке CSS есть список всех внешних таблиц стилей подключённых к странице. Каждый стиль можно включить/выключить, просмотреть/изменить его содержание, или открыть в браузере как текстовый файл.

Во вкладке HTTP находятся параметры HTTP-запроса текущей страницы. Можно посмотреть HTTP-заголовки, отредактировать/удалить каждую Cookie страницы. Также можно включить режим слежения за XMLHTTPRequest-запросами, когда параметры этих запросов и ответов на них точно также записываются и их можно анализировать.