Что такое хороший инструмент отладки Javascript?

Ответ 1

Используйте расширение Firebug для Firefox или встроенный веб-инспектор в любом браузере WebKit (Chrome или Safari). В IE8 вы можете использовать встроенные средства разработки.

Ответ 2

Для IE (который я не предлагаю использовать) последняя версия (IE8) включает инструменты разработчика.

В Firefox есть расширение под названием Firebug, в котором есть манипуляция DOM, консоль JS и т.д.

WebKit (используется в Safari и Chrome) имеет встроенный веб-инспектор, который включает отладчик JS, а также DOM инструменты построения и управления, а также консоль JS.

Ответ 3

Вам действительно нужен набор инструментов для кроссбраузеров. Здесь моя:

• Gecko (Firefox): Firebug
• Opera: Dragonfly
• WebKit (Safari/Chrome): Веб-инспектор
• IE: Отладчик Microsoft script

EDIT:

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

EDIT:

Если вы еще не сделали JS-разработку, я рекомендую сэкономить много времени на отладку кросс-браузерных проблем, просматривая таблицы совместимости на Peter-Paul Koch отлично quirksmode.

Ответ 4

Я думаю, что компиляция Visual Studio/IE8 превосходна. Beats Firebug для отладки JavaScript, IMO (и вы, конечно же, используете фреймворк, например jQuery для обработки проблем с кроссбраузерами).

Ответ 5

Если вам нужна отладка IE7, используйте IE8 в представлении совместимости с инструментами разработчика.

Ответ 6

Если вы используете Visual Studio, я настоятельно рекомендую отладку с IE, несмотря на то, что говорят другие. Когда вы нажмете оператор debugger в IE и у вас включена отладка, вы получите всплывающее окно, чтобы начать отладку в Visual Studio.

Мне больше не нравится Firebug, я не знаю, где это пошло не так, но он становится крайне ненадежным (игнорируя инструкции debugger) и на самом деле не может конкурировать с VS в том, что касается отладки.

Ответ 7

Dreamweaver, когда я пишу его и Firebug для более полной отладки. alert() s тоже очень полезны.

Ответ 8

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

В мире Internet Explorer у вас есть два варианта:

• Как отметил Райан Линч, отладчик Microsoft Script - это отдельная среда отладки, которая ведет переговоры с IE. Если у вас есть Visual Studio Web Developer Edition, инструмент уже должен быть доступен вам. Вы можете напрямую подключаться к IE из VS.
• Рекомендуем: Использовать отладчик, который работает в браузере. В IE8 встроены средства разработки (нажмите F12) или загрузите помощник по веб-разработке для более ранних версий. Оба обеспечивают хорошую световую среду прямо внутри IE. Они также помогают отлаживать макет CSS и другие аспекты веб-сайта.

Ответ 9

Firebug для FireFox и AJAX Dynatrace для IE http://ajax.dynatrace.com/pages/

Ответ 10

Я понимаю, что отвечаю на вопрос, который вы не спрашивали, но вы попробовали jQuery? Это библиотека javascript, которая абстрагирует много материалов манипуляции DOM для вас, поэтому вам не нужно так беспокоиться о проблемах с совместимостью между браузерами. Есть и другие подобные библиотеки, но я считаю, что jQuery имеет самое большое следующее на данный момент. http://jquery.com/

Я использую Firebug в Firefox каждый день. В дополнение к отладке Javascript (и по расширению, jQuery или любой другой js-библиотеке), это отлично подходит для отладки CSS.

Ответ 11

реальные программисты используют трассировку printf() для отладки (шутки).

var de =true, bug =console.log||alert||(de=false)

de&&bug( "Enjoy!")

Если не в режиме отладки, просто выполните de = false. Минимальный штраф за производительность

Ответ 12

Aptana - отличная платформа для разработчиков, позволяющая отлаживать как FireFox, так и IE.

Ответ 13

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

Ответ 14

Я использую firebug большую часть времени со следующими плагинами firebug.

• FireRainbow, FireRainbow включает подсветку синтаксиса javascript для Firebug. Это действительно здорово. Экономит много времени.

• FirePHP, FirePHP позволяет вам войти в свою Firebug Console с помощью простого вызова метода PHP.

• Widerbug, можно использовать широкие экраны для отладки/разработки js. Устаревший теперь, поскольку он поддерживается в Firebug 1.9 прямо из коробки.

Ответ 15

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

Они позволяют просматривать DOM, показывать динамически генерируемые источники, показывать сетевую активность, профиль JS и т.д.

Но не пропустите printf -approach с помощью:

console.log("this is %o, event is %o, host is %s", this, e, location.host);

и

console.log("%s", new Error().stack);

Ответ 16

LINE BY LINE JAVASCRIPT DEBUGGING

Чтобы получить следующий набор функций, попробуйте любой из двух указанных ниже методов.

Особенности:

• Установить и приостановить на контрольных точках.
• Шаг в
• Выйти
• Шаг за
• Наблюдать за значениями при остановке точки останова
• Переключить точки останова
• Продолжить с приостановленных точек останова
• и многое другое...

Метод 1:

9. Google Chrome > Inspect > вкладка Источники
10. Подробную справку

Метод 2:

11. Mozilla Firefox > Inspect Element (Q) > вкладка отладчика
12. Подробную справку