Кроссбраузерная отладка JavaScript

У меня есть несколько скриптов на сайте, который я недавно начал поддерживать. Я получаю эти ошибки «Объект не найден» в IE6 (о которых Firefox не может сообщить в консоли ошибок?). Как лучше всего их отлаживать - любые хорошие кроссбраузерные IDE или какие-то библиотеки отладки javascript?

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
674
10
Перейти к ответу Данный вопрос помечен как решенный

Ответы 10

Firebug

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

Ответ принят как подходящий

Я не знаю кроссбраузерного JS-отладчика (потому что большинство браузеров используют разные JS-движки).

Для firefox я определенно рекомендую firebug (http://www.getfirebug.com)

Лучшее, что я нашел для IE, - это Microsoft Script Debugger (http://www.microsoft.com/downloads/details.aspx?familyid=2f465be0-94fd-4569-b3c4-dffdf19ccd99&displaylang=en). Если у вас установлен Office, у вас также может быть установлен редактор Microsoft Script Editor. Чтобы использовать любой из них, вам необходимо включить отладку скриптов в IE. (снимите флажок «Инструменты» -> «Свойства обозревателя» -> «Дополнительно» -> «Отключить отладку скриптов»).

  1. Вы можете использовать Visual Studio и включить отладку в браузере
  2. Вы можете установить плагин FireBug для Firefox, это действительно хорошо!
  3. Вы можете попробовать установить IE8 beta 2 и использовать его в режиме совместимости со встроенным отладчиком.

Также в любой строке вашего JS-кода вы можете написать

debugger;

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

Ваше здоровье!

СПАСИБО за предложение о режиме совместимости IE8 для отладки javascript в IE 7. Чертовски пустое окно в отладчике MS Script Debugger сводило меня с ума!

jessica 27.06.2011 23:08

Очевидно, вы могли бы использовать этот инструмент - Отладчик скриптов Microsoft

Лично я пытаюсь просмотреть код и выяснить, что происходит - он дает вам номер строки, где все идет не так, верно?

Аптана Студия обеспечивает отладку JavaScript для Firefox и IE

Firebug - лучший отладчик на стороне клиента. Я часто использую его для отладки кода CSS, а также javascript. Это позволяет легко находить проблемные области кода. Мне особенно нравится возможность изменять атрибуты тегов на панели firebug и видеть эффекты непосредственно перед фиксацией. Очень полезно для всех, кто занимается дизайном веб-сайтов.

Вы также можете использовать Firebug Lite - который будет работать в IE и Opera. Это внешняя библиотека, которая поможет вам отслеживать проблемы. Иногда это удобнее, чем иметь дело с отладчиком MS Script.

Чтобы сделать отладчик Microsoft Script Debugger более удобным для пользователя (и для добавления сообщений об ошибках javascript, которые действительно полезны для IE), я настоятельно рекомендую Companion.JS.

Firebug пока кажется наиболее полезным. Когда страница работает в firebug, может быть очень удобно регистрировать сообщения в firebug через вызовы javascript в console.info ('ваше сообщение журнала');, но не выполнять этот код в IE, поскольку объект консоли находится в области видимости только при запуске firebug.

Для IE другие люди упоминали Отладчик скриптов. Хотя это в первую очередь не для отладки javascript, может быть полезно также добавить Панель инструментов разработчика IE, который позволяет легко и динамически проверять стиль и другие свойства DOM вашей страницы.

В ответ на mopoke, для IE6 вы определенно захотите использовать Visual Studio для отладки, если сможете. Во всех смыслах отладчик сценария MS бесполезен. Лучше использовать некоторую форму трассировки (не оповещения), чем использовать отладчик сценария MS. Dojo Toolkit, например, предоставляет консоль отладки для трассировки, но вы можете написать свою собственную, выгружая сообщения во вторичное окно или div.

Отладчик скриптов напрасно запрашивает каждую ошибку в IE6 и даже в этом случае не предоставляет достаточно контекста состояния, чтобы сделать его полезным в достаточно сложном JS-приложении. Visual Studio более тесно интегрирована и намного удобнее. Просто мой опыт.

Я думаю, что Visual Studio для многих - перебор. Если я разрабатываю на PHP или Java, Visual Studio похожа на установку «Pepsi», чтобы моя «кола» заработала.

scunliffe 17.09.2008 18:34

Другие вопросы по теме