Конечно, вы можете отлично справиться с Firebug, консолью и вкладкой скриптов, где вы можете добавить контрольные точки и часы, но вы хотите сделать это умнее/проще.
Существует аккуратный плагин Firebug под названием EventBug, который только регистрирует все события и группирует их по типу событий, чтобы вы могли развернуть и посмотреть, что их вызвало.
EventBug не делает это в режиме реального времени, вы должны обновить, хотя.
Другой способ - использовать функцию «События журнала» для любого элемента DOM в Firebug. Это делает это в режиме реального времени, и вы можете видеть, какие события заказа запускаются и запускаются.
Попробуйте это:
- Переключение с открытым Firebug
- Щелкните правой кнопкой мыши элемент на вкладке HTML, если вы хотите, чтобы увидеть все события, затем щелкните правой кнопкой мыши
<body>
- Выберите
Log Events
из контекстного меню
- Убедитесь, что вкладка «Консоль» включена.
- Нажмите, чтобы включить режим «Persist» на вкладке «Консоль» (иначе вкладка «Консоль» будет очищена после перезагрузки страницы)
- Возможно, вам придется выбрать
Closed
(вручную)
- Voila! следить за событиями поток на вкладке консоли
Это то, что вы видите журнала событий:
Также стоит попробовать FireQuery надстройка для Firebug, чтобы увидеть, какие элементы в DOM есть JQuery связанные с ними события и то, что они есть.
И как упоминается ответ benvie, это возможно и в инструментах разработчика webkit.
Нет, если вы должны взять на себя решение, и вы понятия не имеете, что событие вызывает ошибку. – gsharp
@gsharp Не можете ли вы использовать профилирование, войдя в консоль и точки останова, чтобы выяснить ошибку? Предоставляет ли он какие-либо ошибки для консоли? Firebug в значительной степени является окончательным выбором в отладке JS. – dakdad
Я уже работаю с Firebug. Просто хочу, чтобы инструмент показывал мне, какое событие уволено в каком порядке. Действительно, я мог бы сделать это с помощью протоколирования и точек останова, но если * .js супер, и вы еще не знакомы с кодом, это может сильно помочь. – gsharp