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

Я активно использую Firebug и консоль Mozilla JS, но время от времени я сталкиваюсь с ошибкой JavaScript только для IE, которую действительно трудно найти (например, ошибка в строке 724 , когда исходный HTML-код содержит только 200 строк).

Я хотел бы иметь легкий инструмент JS ( а-ля firebug) для Internet Explorer, который я могу установить за считанные секунды на клиентский компьютер, если я столкнусь с ошибкой, а затем удалю. Некоторые инструменты Microsoft требуют серьезного времени для загрузки и настройки.

Любые идеи?

Ответов (7)

Решение

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

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

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

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

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

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

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

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

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

введите описание изображения здесь

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

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

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

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

введите описание изображения здесь

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

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

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

введите описание изображения здесь

Вкладка Сеть

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

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

введите описание изображения здесь

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

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

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

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

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

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