Установка и настройка браузеров

Обычно браузеры скрывают ошибки JavaScript. Среднестатическому посетителю незачем о них знать, все равно ничего не поймет.

Но мы-то разработчики, и должны ошибки видеть. Во всех современных браузерах существуют средства отладки, но их нужно настроить.

Firefox

Для разработки в Firefox используется дополнение Firebug.

Установка

Поставьте его со страницы:

1. https://addons.mozilla.org/ru/firefox/addon/firebug/

Перезапустите браузер. Firebug появится в правом-нижнем углу окна:

Если иконки не видно — возможно, у вас выключена панель расширений. Нажмите Ctrl+\ для ее показа.

Ну а если ее нет и там, то нажмите F12 —- это горячая клавиша для запуска Firebug, мышкой его обычно никто не запускает.

Включите консоль

Итак, откройте Firebug. Здесь иллюстрации на английском, русский вариант аналогичен.

Консоль вначале выключена. Нужно включить её в меню Консоль -> панель включена:

Просмотр ошибок

С открытым Firebug зайдите на страницу с ошибкой: bug.html.

Вы можете посмотреть её исходный код, нажав Ctrl-U.

Консоль покажет ошибку:

В данном случае код lalala непонятен интерпретатору и вызвал ошибку.

Кликните на строчке с ошибкой и браузер покажет исходный код. При необходимости включайте дополнительные панели.

Об основных возможностях можно прочитать на сайте firebug.ru.

Internet Explorer

В IE начиная с версии 8 (а лучше 9) есть похожий отладчик. По умолчанию он отключен.

Включаем отладку

Зайдите в меню.

IE 8

Tools -> Internet Options (рус. Инструменты -> Свойства обозревателя)

IE 9

Колесико в правом-верхнем углу - Свойства обозревателя:

Переключитесь во вкладку Дополнительно и прокрутите вниз, пока не увидите две галочки, которые начинаются с Отключить отладку сценариев.

По умолчанию они отмечены. Снимите с них отметку:

Перезапустите браузер.

Просмотр ошибок

Зайдите на страницу с ошибкой: bug.html.

Появится окно с предложением начать отладку. Нажмите «Да» — и вы в отладчике.

Другие браузеры

Google Chrome

Горячие клавиши: Ctrl-Shift-I,Ctrl-Shift-J.

Меню Инструменты -> Инструменты разработчика:

.

Safari

Горячие клавиши: Ctrl-Shift-I, Ctrl-Alt-C.

Для доступа к функционалу разработки через меню:

1. В Safari первым делом нужно активировать меню разработки.

   Откройте меню, нажав на колесико справа-сверху и выберите Настройки.

   Затем вкладка Дополнительно:
   

   Отметьте Показывать меню "Разработка" в строке меню. Закройте настройки.

2. Нажмите на колесико и выберите Показать строку меню.

   Инструменты будут доступны в появившейся строке меню, в пункте Разработка.

   Opera

   В Opera работает горячая клавиша Ctrl-Shift-I.

   Можно включить и доступ через меню.

   Для этого сначала нужно включить меню:
   

   Теперь в меню: Инструменты -> Дополнительно -> Opera Dragonfly. Вы на месте.

   IE<8

   Для IE<8, основной инструмент разработки - это Microsoft Script Debugger. У него есть 4 варианта, самый лучший входит в поставку Microsoft Visual Studio (платной, не Express).

   При установке студии отключите все дополнительные опции, чтобы не ставить лишнего.

   Также есть Internet Explorer Developer Toolbar для работы с документом. Она вам понадобится для поддержки IE7 и, возможно, IE6.