Record or log all browser DOM/JQuery Event(s)

Question

I had a problem of needing to do some stuff programmatically (in javascript) that was happening in a third party component after being triggered by some browser events (clic

Answer 1

Yes Chrome can :)

1. Open your the "Developer Tools" (Ctrl+Shift+I) / from the Wrench menu / or right-click on page and click "Inspect Element"
2. Go to the "Timeline" tab.
3. Click the little Record button at the bottom.
4. Refresh the page.

It will show you all load events (in yellow) as well as AJAX events that happen when you mouse-over stuff, etc.

Cheers ;)

Answer 2

In Chrome you can use monitorEvents() in the console of dev tools to record all the events that you would like to monitor triggered during your test.