Отладка с помощью браузера JavaScript

Question

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

Answer 1

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

Для светлячок, я определенно рекомендовал бы поджигатель (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

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

Answer 3

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

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

debugger; 

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

Cheers!

Answer 4

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

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

Answer 5

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

Answer 6

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

Answer 7

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

Answer 8

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

Answer 9

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

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

Answer 10

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

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