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

Question

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

Answer 1

Я не знаю кросс-браузерного 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. (снимите флажок Сервис -> Свойства обозревателя -> Дополнительно -> Отключить отладку сценариев).

Answer 2

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

Answer 3

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

Answer 4

Aptana Studio обеспечивает отладку JavaScript для Firefox и IE

Answer 5

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

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

debugger;

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

Ура!

Answer 6

Firebug

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

Answer 7

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

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

Answer 8

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

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

Answer 9

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

Answer 10

Вы можете использовать этот инструмент, очевидно - Microsoft Script Debugger

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