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

Question

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

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

Есть идеи?

Answer 1

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

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

Answer 2

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

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

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

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

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

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

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

Вкладка Profiler

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

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

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

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

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

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

Answer 3

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

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

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

Answer 4

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

Answer 5

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

Answer 6

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

Answer 7

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

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

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