cb109/inspect_hoverable_ui.md

Created April 20, 2026 11:29

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Select an option

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/cb109/3c0767ec323996f90537e1b1e5110fc1.js"></script>
Save cb109/3c0767ec323996f90537e1b1e5110fc1 to your computer and use it in GitHub Desktop.

Download ZIP

How to inspect Web-UI elements in dev-tools that depend on volatile JavaScript behavior e.g. hover

Raw

inspect_hoverable_ui.md

Open Chrome dev-tools via e.g. F12
Open the "Run Command" window e.g. via Ctrl+Shift+P
Start typing "Disable JavaScript" to preselect that command (do not confirm it yet)
Hover your mouse where needed to show the UI element to inspect e.g. a tooltip dialog
Hit enter to confirm disabling JavaScript, which will hopefully make the element stay where it is

You can now inspect the element in dev-tools as needed. Run the command "Enable JavaScript" once you are done.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment