Подтвердить что ты не робот

Как установить контрольные точки прослушивателя событий на вкладке Chrome Elements?

Я борюсь с установкой точек останова в динамически сгенерированных элементах DOM, где различные обработчики событий также привязаны к Javascript. Это в основном означает, что у меня красивая структура DOM, которая не является частью первоначально полученного ответа HTTP, она построена исключительно на стороне клиента.

Теперь проблема заключается в том, что вкладка Chrome Elements позволяет мне устанавливать точки останова для

  • Изменение субтитров OR
  • Изменение атрибута OR
  • Node удаление

Можно ли установить точку останова в динамически создаваемом элементе DOM динамически созданного прослушивателя событий? (См. Прикрепленное изображение. Я хочу установить контрольную точку в listenerbody)

enter image description here

Обратите внимание, что я не могу использовать вкладку "Источники/Сценарии", так как он только показывает мне первоначально полученный статический HTTP-контент. И я не могу установить точку останова либо в коде, на который ссылается аккордеон "Слушатели событий", так как он покажет мне только прослушиватель событий, когда он присоединяется, когда он не срабатывает!

Любые идеи?

4b9b3361

Ответ 1

Источники → Контрольные точки прослушивателя событий содержат кучу флажков, которые можно проверить, чтобы активировать точку останова при запуске прослушивателя событий для события.