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

Question

Не трогал javascript в течение 3 лет. Только что получил проект javascript и хотел знать, появились ли какие-то новые способы или инструменты, появившиеся в эти годы для отладки javascript? Я использовал оповещение 3 года назад.

Я использую IE

Answer 1

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

Answer 2

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

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

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

Answer 3

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

• Геккон (Firefox): Поджигатель
• Опера: Стрекоза
• WebKit (Safari / Chrome): Веб-инспектор
• IE: Отладчик сценариев Microsoft

EDIT:

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

EDIT:

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

Answer 4

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

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

Answer 5

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

Answer 6

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

Answer 7

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

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

de&&bug( "Enjoy!")

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

Answer 8

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

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

Answer 9

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

Answer 10

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

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

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