Лог программиста

Несмотря на то, что для отладки в IE существуют такие средства как Visual Studio и Microsoft Script Debugger, мне этого мало: то VS не приатачится, то DOM-дерево страницы посмотреть надо. В общем и целом, не хватает такого средства, как Firebug, но уже под IE. Встречайте.

Компания Core Services уже давно и, по видимому, успешно, развивает свой продукт - тулбар DebugBar для IE, который значительно расширяет его возможности, позволяя веб-разработчику и веб-дизайнеру получить полную информацию про процесс обработки страницы. Но мне хотелось бы обратить внимание читателя на другой плагин этой же компании, а о DebugBar мы поговорим в следующий раз.

Companion.JS это бесплатный плагин к Internet Explorer, добавляющий базовые возможности для отладки JavaScript-ов. Он, правда, требует для своей работы установленного модуля Microsoft Script Debugger (он небольшой, всего 625 Кб и свободно загружается с веб-сайта Microsoft), но потом добавляет свою панель в интерфейс браузера. Она очень напоминает аналогичный инструмент Firebug для Firefox (хотя, конечно, у последнего гораздо больше возможностей).

Alpha-Beta-Release Blog: Companion.JS - компаньйон веб-разработчика, которому по пути с IE.

Из описания Debugbar’а:

Если вы используете Debugbar в коммерческих целях, т.е. для разработки коммерческих продуктов, то вы можете попробовать Debugbar в течении 60-ти дней. Затем вы должны купить лицензию.

CompanionJS кажется доступен бесплатно. В него встроена (по аналогии с Firefox Firebug) Console API, которой можно пользоваться посредством вызова “console.log(), console.debug(), …”. На данный момент функционал Console API реализован не полностью.

Посмотреть и потестировать CompanionJS можно на специальной странице болванчике.

Если вы будете параллельно использовать VS, то не забывайте поставить галку в Options - Disable JavaScript Debugger. После этого нужно перезагрузить IE.

По теме
- Скачать DebugBar. Текущая версия 4.1.1.
- Скачать Companion JS. Текущая версия 0.2.

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

Неправильно сформированный HTML (зоны элементов пересекаются)

“Студия” против такого насилия

Гвозди готовы, очередь за микроскопом. Небольшой скрипт, пробегающийся по DOM-дереву HTML документа и выводящий наводящую на мысли информацию. Пробег начинаем с document.body.

IE 7 хитро выкрутился, создав два листа с одинаковым содержимым, но разными стилями.

Opera 9.20 окосела от такого безобразия и выдала психоделик.

Firefox 2.0.0.4 следовал строго инструкциям w3c и отбросил неверное.

Выводы:
Opera — “быстрый”, удобный в использовании браузер. Просто браузер и никаких технологий.
Firefox — браузер для роботов. Четко следует инструкциям w3c, отвергает неправильное. Kill All Humans! (except Fray)
IE — браузер пытающийся понять человека. Ну право, как собака - все понимает, но, слава Богу, говорить не умеет.