Отладка JavaScript - есть ли способ сказать, какие функции выполняются?

Question

Я проверяю чужой код и пытаюсь выяснить, какие функции выполняются при выполнении определенных действий. Есть ли способ в firebug сделать это? (или любым другим способом).

В данном конкретном случае я пытаюсь выяснить, что происходит, когда я нажимаю кнопки «Далее» и «Предыдущий» в редакторе, который находится по адресу http://trirand.com/blog/jqgrid/jqgrid.html, «Манипулирование данными в реальном времени >> Навигатор» (затем нажмите карандаш, затем стрелки внизу).

Я попытался захватить элемент, на который я щелкаю, и посмотреть его свойства в консоли, выполнив следующее:

>>> obj = $('#nData')
>>> console.log(obj)

но, похоже, нет обработчика для щелчка.

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

Answer 1

FireQuery может вам пригодиться. Он подключается к Firebug и отображает дополнительные метаданные по всем элементам DOM, которые были изменены в JQuery.

Answer 2

Вы можете использовать Firebug "Break on next" (кнопка паузы на панели инструментов)

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

Так как мое описание, вероятно, отстой, отметьте this out.

Редактировать: Звучит так, как вы хотите:

Его основная цель - прервать выполнение Javascript в требуемом месте в коде, который заранее неизвестен разработчику. Типичный пример, вероятно, хорошо известный большинству веб-разработчиков: «Где, черт возьми, код, который выполняется, если я нажимаю эту кнопку?».

Answer 3

В firebug на вкладке «Сценарий» установите точку останова в строке, которую вы хотите проверить. Справа есть вкладка «Стек», где вы можете увидеть текущую трассировку стека!