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

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

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

Есть идеи?

ОТВЕТЫ

Ответ 1

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

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

Ответ 2

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

Script Вкладка

Вкладка Script, скорее всего, вас будет интересовать, хотя вкладки Консоль, Профайлер и Сеть также пригодится при отладке приложений.

enter image description here

На вкладке Script вы можете:

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

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

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

enter image description here

Вкладка "Профайлер"

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

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

enter image description here

Вкладка "Сеть"

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

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

enter image description here

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

Ответ 3

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

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

РЕДАКТИРОВАТЬ 5 лет спустя: теперь я использую интегрированные инструменты разработчика Internet Explorer.

Ответ 4

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

Ответ 5

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

Ответ 6

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

Ответ 7

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

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

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