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

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

Вы можете найти Firebug Lite полезным для этого.

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

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

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

ИЗМЕНИТЬ 5 лет спустя: Сейчас я использую интегрированные инструменты разработчика Internet Explorer.

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

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

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

Вкладка "Сценарий"

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

На вкладке Сценарий вы можете:

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

Вкладка консоли

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

Вкладка профилировщика

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

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

Вкладка Сеть

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

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

Я не особо отдаю должное IE Developer Tools - есть много нераскрытых оснований. Я бы посоветовал вам проверить их и сделать частью своего развития.

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

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

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