Инструменты устранения неполадок JavaScript в Internet Explorer
https://stackoverflow.com/questions/3404
-
08-06-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianВопрос
Я активно использую Firebug и консоль Mozilla JS, но время от времени сталкиваюсь с ошибкой JavaScript только для IE, которую очень сложно обнаружить (например: ошибка в строке 724, когда исходный HTML-код содержит всего 200 строк).
Мне бы хотелось иметь легкий инструмент JS (а-ля firebug) для Internet Explorer, который я могу установить на клиентский компьютер за считанные секунды, если столкнусь с ошибкой, а затем удалить.Некоторые инструменты Microsoft требуют серьезного времени для загрузки и настройки.
Есть идеи?
Решение
Вы можете найти Фаербаг Лайт полезно для этого.
Его букмарклет должен быть особенно полезен при отладке на машине пользователя.
Другие советы
Начиная с Internet Explorer 8, IE поставляется с довольно впечатляющим набором инструментов для отладки JavaScript, профилирования и многого другого.Как и в большинстве других браузеров, инструменты разработчика доступны по нажатию F12 на клавиатуре.
Вкладка «Скрипт»
Вкладка «Сценарий», вероятно, вас заинтересует, хотя вкладки «Консоль», «Профилировщик» и «Сеть» также широко используются при отладке приложений.
На вкладке «Скрипт» вы можете:
- Отформатируйте JavaScript, чтобы сделать его более читабельным.
- Перемещение от источника к источнику различных ресурсов на странице.
- Вставка точек останова
- Передвигайтесь по строкам кода, выполняя его выполнение.
- Наблюдайте за переменными
- Проверьте стек вызовов, чтобы увидеть, как был выполнен код.
- Переключить точки останова
- и более...
Вкладка «Консоль»
Вкладка консоли отлично подходит, когда вам нужно выполнить произвольный код в приложении.Я использую это для проверки возврата определенных методов или даже для быстрого тестирования решений на предмет ответов на переполнение стека.
Вкладка «Профилировщик»
Этот профиль отлично подходит, если вы ищете длительные процессы или пытаетесь оптимизировать свой код для более плавной работы или меньшего количества вызовов ресурсоемких методов.Откройте любую страницу и нажмите «Начать профилирование» на вкладке «Профилировщик», чтобы начать запись.
Пока работает профилировщик, вы можете перемещаться по странице, выполняя стандартные действия.Вы можете быстро отсортировать эти данные по различным столбцам:
Вкладка «Сеть»
Вкладка «Сеть» будет записывать трафик на вашем сайте/приложении.Это очень удобно для поиска файлов, которые не загружаются, зависают, или для отслеживания данных, которые запрашиваются асинхронно.
На этой вкладке вы также можете переключаться между представлением «Сводка» и представлением «Подробно».В подробном представлении вы можете проверить заголовки, отправленные с запросами, и ответы.Вы можете просмотреть информацию о файлах cookie, проверить время событий и многое другое.
На самом деле я не отдаю должное инструментам разработчика IE — здесь еще много неизведанного.Однако я бы посоветовал вам ознакомиться с ними и сделать их частью своего развития.
Я бы посоветовал Компаньон JS.
Это бесплатная версия Панель отладки но я считаю, что им проще пользоваться и у него есть необходимые мне функции.Замечательно тестировать небольшие фрагменты JavaScript в IE так же, как я делаю это с Firebug в Firefox.
РЕДАКТИРОВАТЬ 5 лет спустя:Теперь я использую интегрированные инструменты разработчика Internet Explorer.
Предполагается, что в IE 8 инструменты лучше, но панель инструментов разработчика IE довольно хороша.
Я использую оба Отладчик сценариев Microsoft и FireBug Lite, в зависимости от того, что я отлаживаю.Оба — отличные инструменты — попробуйте оба и выберите то, что вам удобно.
В IE8 просто нажмите F12!
- Перейдите в Инструменты->Свойства обозревателя...->Дополнительно->Включить отладку сценариев (Internet Explorer).
затем подключите отладчик Visual Studio при возникновении ошибки.
Если вы используете IE 8, установите панель инструментов разработчика, поскольку она имеет встроенный отладчик.
