Setting browser debugger for inspecting elements
I find myself lately in the unfortunate position of doing a lot of web-based UI automation. Which means I spend a lot of time in the inspector tab of my browser's developer tools. I only recently learned you can send a debug command to stop the DOM from changing while you're trying to inspect it. I wish I had just asked about this years ago.
- Open debug console in browser
- Enter the script above
- Execute script
- Get browser to the state you want to inspect when debugger starts in 5 seconds