Companion.JS — компаньйон веб-разработчика, которому по пути с IE.
Многие веб-разработчики предпочитают в своей работе использовать браузер Mozilla Firefox, хотя более чем в 70% случаях их творение будет просматриваться при помощь самого популярного браузера на планете - Microsoft Internet Explorer. Ничего не имея против этого продукта как пользователь, я все же, как разработчик, также предпочитаю использовать Firefox. А все из-за того, что именно для него есть очень мощные плагины для отладки сложных веб-страниц, особенно когда дело касается AJAX-а, тут у MS IE просто нет шансов - как ни странно, полноценного инструмента, хоть бы близко аналогичного расширению Firebug для него пока что не было. Как корпорация, выпускающая очень мощную платформу разработки Visual Studio, не заняла такую нишу, понять сложно. Конечно, зачатки были, к примеру, еще со времен Windows NT существует отладчик Microsoft Script Debugger, свободно распространяемый, кстати. Но и его, не смотря на название, полноценным инструментом назвать ну очень сложно.
Но, обсуждая с партнером вопрос о неработоспособности нашего проекта под IE (пока первая бета, и это еще допустимо, а вот в релизной версии - никак), несмотря на кроссбраузерность всех основных применяемых библиотек, я снова наткнулся на вопрос отладки скриптов под IE. Оказалось, однако, что за прошедшее время (последний раз я исследовал плотно этот вопрос еще год-полтора назад), ситуация улучшилась, хотя, возможно, и не так кардинально, как хотелось бы.
Компания Core Services уже давно и, по видимому, успешно, развивает свой продукт - тулбар DebugBar для IE, который значительно расширяет его возможности, позволяя веб-разработчику и веб-дизайнеру получить полную информацию про процесс обработки страницы. Но мне хотелось бы обратить внимание читателя на другой плагин этой же компании, а о DebugBar мы поговорим в следующий раз.
Companion.JS это бесплатный плагин к Internet Explorer, добавляющий базовые возможности для отладки JavaScript-ов. Он, правда, требует для своей работы установленного модуля Microsoft Script Debugger (он небольшой, всего 625 Кб и свободно загружается с веб-сайта Microsoft), но потом добавляет свою панель в интерфейс браузера. Она очень напоминает аналогичный инструмент Firebug для Firefox (хотя, конечно, у последнего гораздо больше возможностей).
Весь интерфейс, по сути, состоит из трех вкладок:
- Source - тут отображается текущий участок JavaScript кода, в котором подсвечивается строка, содержащая ошибку, при желании включается нумерация строк и свертка длинных строк.
- Console - позволяет вводить и исполнять (или отлаживать) любой JavaScript код. Конечно, в одну строку много кода вводить достаточно неудобно, но для быстрой проверки вполне неплохо. Если код корректный, он сразу исполняется, иначе выводится детальная трассировка с указанием ошибки.
- More tools - нет, не то, что вы подумали, эта кнопка просто выводит рекламное окно, которое предлагает для получения дополнительных возможностей отладки установить более профессиональный инструмент той же компании - DebugBar (текущая версия - 4.1.1, бесплатная для личного использования)
При загрузке страницы и выполнении какого-либо JavaScript кода, при возникновении ошибки, панель Source делится на две части, и в правой панели описан стек ошибок, с указанием номера строки и файла, а также краткое описание ошибки, в левой же части при выделении показывается соответствующий участок кода с подстветкой нужной строки. К сожалению, более расширенного функционала здесь нет, к примеру, нет подсказок и описания типов переменных, нет возможностей ставить точки прерывания, исследовать типы во время исполнения и других ньюансов, легко решаемых в том же Firebug.
И хотя Companion.JS явно проигрывает своему конкуренту из Firefox-а, он уже способен принести пользу, в частности, в ситуации, когда основная отладка и разработка происходит в Firefox+Firebug, где требуются все его расширенные возможности, а потом в Internet Explorere исследуется работоспособность кода под этим браузером и выявляются специфические участки кода и ошибки.Отдельно следует заметить, что утилита имеет и свой API, позволяющий использовать ее из самого исследуемого кода, поэтому скоро следует ожидать, конечно, при реальном распространении инструмента, дополнений к различным AJAX-фреймворкам, позволяющим отлаживать код при помощи Companion.JS - ведь аналогичные инструменты, использующие Firebug API eже давно есть (к примеру, в Dojo toolkit, ExtJS и YUI!).
Ссылки по теме:
test ajax comment 2
gsegwegews
Большее спасибо от разработчика за наводку!