Record or log all browser DOM/JQuery Event(s)
Updated for 2021
You can do this in any Chromium-based browser (e.g. Brave, Dissenter, Edge, etc.):
- Open the "Developer Tools" (F12 or Ctrl+Shift+I) from the Ellipsis (...) menu.
- Go to the "Network" tab.
- Click the little Record button at the left.
- Refresh the page and/or perform actions to trigger desired events.
Refreshing will show you the sequence of load events, and you can also filter for AJAX, JS, and other types of events. Or you can set breakpoints in the Sources tab for certain user events that happen when you mouse-over stuff, etc.
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.