Inspect element that only appear when other element is mouse overed/entered

Question

Often I want to inspect an element (e.g. tooltip) that only appears when another element is mouse overed/entered. The element that appears, is made visible via jQuery\'s mousee

Answer 1

There's also another tricky way to do it :

1. Go over the element which makes your tooltip appear.
2. Right click to open the contextual menu.
3. Move your mouse to your dev tool window and left click anywhere in the dev tool panel.

Your tooltip will stay visible, you will then be able to inspect it in the Element tab.

Tested on Chrome. Doesn't seem to work on Firefox.