DebugBar для Internet Explorer

Debugbar предоставляет для Internet Explorer:

1. Просмотр DOM
   • вместе со стилями
   • layout (margin/padding/border)
   • очень ограниченные возможности по изменению
2. Информацию о запросах
   • заголовки
   • замер времени на запрос, информацию о кешировании
3. Javascript-консоль
4. Некоторые другие интересные фичи

Debugbar состоит из двух частей: Toolbar + Explorer bar. Обе включаются из меню View.

Ниже показан скриншот, когда и то и другое включено.

Toolbar

Тулбар находится вверху, под меню браузера. Некоторые возможности:

• отсылать скриншот браузера по e-mail'у одним кликом
• ресайзить IE
• просматривать живой HTML

Explorer bar

Содержит основной функционал DebugBar.

Просмотр DOM

Функции по просмотру DOM более-менее удовлетворительные.

Можно посмотреть layout. Но там, где размер вычисляется автоматом - конкретных цифр нет, вместо этого - скромная надпись "auto". Что ж, спасибо и на этом.

На скриншоте ниже toolbar и explorer bar для DebugBar выделены красным.
Выбор DOM-элемента осуществляется при помощи наведения мишени, отмеченной зеленой стрелкой.

При просмотре стилей (вкладка Style) DebugBar, похоже, пытается показать все стили, влияющие на layout данного элемента:

Окончательные стили доступны в соседней вкладке Comp. Style.

Модифицировать, похоже, можно только значения существующих атрибутов. Для этого надо дабл-кликнуть соответствующую строчку во вкладке Attrs. Других возможностей для динамической модификации во время просмотра DOM я пока не нашел.

Javascript

DebugBar предоставляет интересную возможность просматривать не просто код скрипта, а конкретную функцию.

На скриншоте ниже - эта функция validatemessage.

Javascript-консоль тут же позволяет запустить код.

Прочее

Оставшиеся возможности включают в себя:

• просмотр живого(и не очень) содержания документов
• заголовки, метаинформация о документе
• данные о кешировании документа, времени обработки запроса

Ну и два слова от себя. DebugBar - один из самых глючных плагинов, которые я видел. К счастью, в текущей версии (5.0.x) глюков заметно меньше, чем в страшной 4й, но и там они есть. Просто имейте это в виду, если что-то вдруг покажется Вам странным.

Скачать плагин можно по ссылке http://www.debugbar.com/download.php.

Не обращайте внимания на французский - клик на большую голубую кнопку.
Вуаля!