Chrome Inspection Tool: debugging disappearing popup

Question

When I try to click on the "Inspect this" field on a popup which appears only onMouseHover event it can become very annoying.

And since it's frequent to attach a javascript behavior to any DOM element event through selectors I can't imagine how to debug this web pages.

Any suggestion?

you can either force a style, in the inspect elements>style on the top right you have a `:hov` you can click on to activate hovered state and such. You can also force a style for the element by typing in the styles, or add a class with the `.cls` to force the visibility — Kaddath, Jul 13 '17 at 13:29
@Kaddath: thanks, I tried but it's not associated with the style.. it shows an extra div onmouse over, but I don't know where this div code is.. — Revious, Jul 13 '17 at 13:41
mmh i see, if this is triggered by javascript, if you find the element on which the listener is, you can try to type in the console (sorry, this is jquery version, js vanilla is quite longer): `$('#idOfElement').trigger('mouseover');` (it might be necessary to adapt the event name, depending on your case) — Kaddath, Jul 13 '17 at 14:16
@Kaddath: nothing works... this is the page: https://it.wikipedia.org/wiki/Nanotecnologia I tried to add an id but the popup doesn't show up. — Revious, Jul 13 '17 at 15:28

score 0 · Answer 1 · answered Jul 13 '17 at 15:19

0

I've found a question which may help with my problem, but also @Kaddath solution is very interesting.

answered Jul 13 '17 at 15:19

Revious

1 Answers1