Браузерные отладчики (дебаггеры)

I) Встроенные в браузеры дебаггеры
Для начинающих JavaScript-программистов полезно будет знать какие средства уже существуют в браузерах по умолчанию.

I.1. IE
При возникновении ошибки в браузере Internet Explorer в строке статуса (нижний левый угол окна) появляется специфичная иконка, сигнализирующая об этом. Двойной клик по иконке открывает следущее окно:

Кнопка «Показать подробности» откроет информацию об ошибке: файл, номер строки и символа, а также краткий репорт о характере ошибки.

I.2. Gecko (Mozilla, Mozilla Firefox, Netscape Navigator)
У браузеров семейства Gecko есть специальное средство, собирающее информация о JavaScript-ошибках (и не только). Оно называется «Консоль JavaScript» или «Консоль ошибок». Располагается она в меню Tools (Инструменты). Эта консоль гораздо подробнее, да и удобнее, нежели статусные сообщения в IE.

I.3. Opera
У браузеров Опера также есть своя консоль, но в разных версиях браузера она располагается в раных местах, поэтому её придется поискать. Например, в Опере версии 9.2, она располагается по адресу Tools(Инструменты) -> Advanced(Дополнительно) -> Error console(Консоль ошибок).

II) Companion.JS для Internet Explorer

Companion.JS - это неплохой тулбар для Internet Explorer от компании Core Services. Для своей работы он потребует установку мелкософтовского Microsoft Script Debugger, который можно свободно скачать здесь.
Теперь о возможностях. После установки плагина и перезапуске браузера вы сможете:
- работать со списком, состоящим из ссылок на загруженную HTML-страницу и всех подключенных к ней js- и css-файлов.
- переключаясь между файлам, в соседнем фрейме можно просматривать их код (раздел Source).
- в разделе Console можно вбивать и проверять работоспособность скриптов.
- как и положено, подсвечиваются строки, содержащие ошибки.
Удобно, рекомендую!

III) Firebug для Mozilla Firefox

В браузере Mozilla Firefox (среди русских разработчиков его называют "Лиса") есть замечательная вещь: раcширения (плагины, аддоны), располгающиеся по адресу https://addons.mozilla.org/. Это небольшие программки, позволяющие настраивать вашу Лису под необходимые нужды, например, под нужды JavaScript-разработчика. Здесь пойдет речь об аддоне с именем Firebug, позволяющим эффективно работать с HTML, CSS, JavaScript и др.

III.1) Установка
Откройте ваш браузер и зайдите в меню Tools(Инструменты) -> Extensions(Расширения). Там вы увидите список уже установленных расширений (если таковые имеются), например "DOM Inspector". Кликните по ссылке "Загрузить расширения". Откроется страница сайта https://addons.mozilla.org/, в которой через поиск найдите плагин Firebug и нажмите кнопку "Установить". Перезапустите свой браузер.

III.2) Использование
После перезапуска браузера зайдите в меню Tools(Инструменты) и нажмите там Firebug. В нижней части окна откроется фрейм такого вида:



Пожалуй всё. С остальными возможностями разбирайтесь самостотельно, т.к. в фаербаге всё выполено наглядно и всегда понятно зачем и куда жать. Одно дополнение: для быстрого открытия фаербага используйте иконку, которая после установки появится в правом нижнем углу панели статуса.

/* ------------------------------------------------------- */
Напишите в комментариях или здесь какие плагины вы используете, при отладке JavaScript-кода.