Инструменты устранения неполадок JavaScript в Internet Explorer

Для этого вам может пригодиться Firebug Lite.

Его букмарклет должен быть особенно полезен при отладке на компьютере пользователя.

Firebug больше не существует как отдельная сущность; он стал частью инструментов разработчика Firefox. Ссылка теперь перенаправляет на их домашнюю страницу, которая предлагает использовать Firefox.

Начиная с Internet Explorer 8, IE поставляется с довольно впечатляющим набором инструментов для отладки JavaScript, профилирования и многого другого. Как и в большинстве других браузеров, инструменты разработчика доступны по нажатию F12 на клавиатуре.

Вкладка «Скрипт»

Вкладка «Сценарий», вероятно, вас заинтересует, хотя вкладки «Консоль», «Профилировщик» и «Сеть» также часто используются при отладке приложений.

На вкладке «Скрипт» вы можете:

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

Вкладка «Консоль»

Вкладка консоли отлично подходит, когда вам нужно выполнить какой-то произвольный код для приложения. Я использую это, чтобы проверить возврат определенных методов или даже быстро протестировать решения для ответов на Stack Overflow.

Вкладка «Профилировщик»

Профиль отлично подходит, если вы ищете длительные процессы или пытаетесь оптимизировать свой код, чтобы он работал более плавно или делал меньше вызовов ресурсоемких методов. Откройте любую страницу и нажмите «Начать профилирование» на вкладке «Профилировщик», чтобы начать запись.

Пока работает профилировщик, вы можете перемещаться по странице, выполняя обычные действия. Когда вы почувствуете, что записали достаточно, нажмите «Остановить профилирование». Затем вам будет показана сводка всех запущенных функций или дерево вызовов. Вы можете быстро отсортировать эти данные по различным столбцам:

Вкладка «Сеть»

Вкладка сети будет записывать трафик на вашем сайте/приложении. Это очень удобно для поиска файлов, которые не загружаются, зависают или для отслеживания данных, которые запрашиваются асинхронно.

На этой вкладке вы также можете переключаться между сводным представлением и подробным представлением. В подробном представлении вы можете просматривать заголовки, отправленные с запросами и ответами. Вы можете просмотреть информацию о файлах cookie, проверить время событий и многое другое.

На самом деле я не отдаю должное инструментам разработчика IE — здесь много нераскрытой области. Тем не менее, я бы посоветовал вам ознакомиться с ними и сделать их частью вашего развития.

Я бы порекомендовал Companion JS.

Это бесплатная версия Debug Bar, но мне кажется, что ее проще использовать и в ней есть нужные мне функции. Отлично подходит для тестирования небольших фрагментов JavaScript в IE так же, как я делаю это с Firebug в Firefox.

Теперь я использую интегрированные инструменты разработчика Internet Explorer.

В IE 8 должны быть лучшие инструменты, но панель инструментов разработчика IE довольно хороша.

Я использую и Microsoft Script Debugger, и FireBug Lite, в зависимости от того, что я отлаживаю. Оба являются отличными инструментами — попробуйте их оба и сшейте с тем, что вам удобно.

В IE8 просто нажмите F12!

Перейдите в Инструменты->Свойства обозревателя…->Дополнительно->Включить отладку сценариев (Internet Explorer)

затем подключите отладчик Visual Studio при возникновении ошибки.

Если вы используете IE 8, установите панель инструментов разработчика, поскольку она имеет встроенный отладчик.