Отладчики браузеров на стороне клиента: как посмотреть список обработчиков, зарегистрированных в данный момент для элемента? - PullRequest
5 голосов
/ 23 ноября 2010

Изучая код на стороне клиента существующего сайта, хотелось бы понять некоторые действия, которые происходят полностью на стороне клиента.

Хотите знать, как называются обработчики JS, когда я нажимаю на определенный элемент.Есть ли способ увидеть эту информацию в каком-то отладчике?

Я использую Firefox с Firebug или Chrome

Ответы [ 2 ]

1 голос
/ 08 января 2011

Вы можете использовать инструменты разработчика Chrome, чтобы делать то, что вы ищете, если я правильно читаю ваш вопрос (извините, если я этого не сделал). В Chrome щелкните правой кнопкой мыши элемент на отображаемой странице и выберите «Проверить элемент». В правой части окна инструмента, которое открывается, есть раздел «Свойства», который будет щелкать по списку. Исследование подкатегорий должно показать вам, какие функции подключены к каким событиям. Затем можно использовать область «Сценарии» (вкладка в верхней части окна «Инструменты разработки»), чтобы установить точки останова и наблюдать за поведением в файлах сценариев. Надеюсь, это поможет.

0 голосов
/ 08 января 2011

Большинство сайтов будут использовать своего рода Javascript Framework, который использует свою собственную систему управления событиями, что делает инструменты проверки DOM firebug или chrome dev довольно бесполезными.

К счастью, не так уж сложно подключиться к событиюсистемы этих рамок.Есть FireQuery , который является расширением для Firebug, который очень хорошо интегрируется с инспектором DOM Firebug, но работает только для jQuery.Для других фреймворков также есть Визуальное событие

...