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

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

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

Есть идеи?

6.08.2008 13:56:42
Вы рассматривали Firebug Lite ?
Lauren 6.08.2008 13:59:03
Thejesh GN 6.08.2008 13:59:56
Используйте инструмент , который может быть запущен как букмарклет : - Jash - Firebug Lite
ngn 1.10.2008 19:01:40
Я думаю, что IE F12 работает довольно хорошо
Ceylan Mumun Kocabaş 8.06.2016 08:37:21
7 ОТВЕТОВ
РЕШЕНИЕ

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

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

28
6.08.2008 13:59:47

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

4
29.11.2011 18:15:55

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

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

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

5
9.01.2013 10:37:32

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

2
15.02.2010 16:53:53

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

3
12.10.2011 14:34:10

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

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

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

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

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

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

Консоль

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

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

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

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

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

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

Вкладка сети

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

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

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

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

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

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

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

1
16.01.2013 00:32:11