Я пытаюсь отладить веб-страницу, которая интенсивно использует события, и поэтому мне нужно отслеживать все события, которые запускаются.
Большинство событий связаны с использованием jQuery. Следовательно, было бы особенно полезно, если бы был способ специально отслеживать только эти события.
Конечно, вы можете отлично справиться с Firebug, консолью и вкладкой скриптов, где вы можете добавить контрольные точки и часы, но вы хотите сделать это умнее/проще.
Существует плавный плагин Firebug под названием EventBug, который просто регистрирует все события и группирует их по типу события, чтобы вы могли развернуть и увидеть что вызвало их.
EventBug не делает это в реальном времени, вам нужно обновить хотя.
Другой способ - использовать функцию "События журнала" для любого элемента DOM в Firebug. Это делает это в режиме реального времени, и вы можете видеть, какие события запуска запускаются и запускаются.
Попробуйте следующее:
<body>Log Events из контекстного менюClosed (вручную)Это то, что вы видите в журнальных событиях:
Также стоит попробовать FireQuery дополнение для Firebug, чтобы увидеть, какие элементы в DOM связаны с событиями jQuery, и что они есть.
И как упоминает ответ benvie, это возможно и в инструментах разработчика webkit.
Это было введено несколько версий назад, но на Firefox 35 события, связанные с элементом, можно увидеть в Инспекторе: рядом с элементом, который вы хотите просмотреть события (если они есть), будет значок с ' EV 'письма. Нажмите на нее, и вы увидите небольшое всплывающее окно с событиями для этого элемента.
Более подробная информация: http://flailingmonkey.com/view-dom-events-in-firefox-developer-tools/
Это не существует в Firebug, я считаю, и основной проблемой является отсутствие поддержки или отсутствие воздействия на уровне api. Кроме того, существует только несколько способов подписаться на события DOM: Element.prototype.addEventListener(и window.addEventListener и document.addEventListener и XMLHttpRequest.addEventListener и некоторые другие), кроме свойств "onevent", которые являются наблюдаемыми и перехватываемыми.
Но реалистично, отладчик WebKit и отладчик Chromium (который является вебкитом с дополнительными точками) позволяют отлаживать и наблюдать подключенные слушатели. Иногда бывает проще отлаживать ошибки одного браузера в другом браузере с лучшей экспозицией состояния приложения/времени выполнения, даже если этот браузер не обнаруживает ошибку.
https://developers.google.com/chrome-developer-tools/docs/elements