Как эффективно проводить отладку JavaScript-кода?

Question

[Crash]

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

Answer 1

[Игорь Александрович]

Используй WebStorm. Это лучшая среда для JS.
Если из браузера, лучше Chrom и стандартный отладчик.
Firebug для FireFox глюченный. Последняя вресия очень сильно глючит (работаю каждый день).

Answer 2

[Сергей Андреев]

в Crome DevTool можно ставить обработчики на dom, на изменении содержимого и на изменение атрибутов, и как только скрипт что-то поменяет, у тебя тут же включиться дебагер. Очень удобно.

Answer 3

[Алексей]

Visual Event может помочь в вашем случае.

Answer 4

[Filipp Shcherbanich]

Хром, консоль, Event Listeners

Answer 5

[andreyqin]

Firebug + console.log();

Answer 6

[Denis Morozov]

visual studio умеет дебажить js как С++ и С#

Comments

[wkololo_4ever]

Жаль, что только под IE

Answer 7

[Дарья Редькина]

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

Comments

[Игорь Александрович]

Для серьезной разработки нет :)

Answer 8

[ixon]

В любом браузере есть отладчик, который открывается через Ctrl+Shift+J.

Comments

[Crash]

как будто я об этом не знал

[ixon]

@Bandicoot как будто я знал, что ты об этом уже знал.

[Crash]

@ixon ответ про отладчик элементарный, для первого класса начальной школы. Я интересовался более продвинутыми инструментами

Answer 9

[s9k]

Курс по Chrome DevTools от самого Google