CODEWITHSUNDEEP
javascriptjquerygoogle-chromeweb-inspector
Ioan-Radu Tanasescu
Ioan-Radu Tanasescu

Reputation: 566

How to inspect an element in Chrome that only exists in DOM on Javascript event

I know that chrome has a ":hover" state in the inspector for this, but it does not trigger the event.

As far as I can tell the markup that I want to inspect is written in the DOM after a jQuery .hover() event. And is immediatly removed from the DOM when my mouse leaves the element that is targeted by the .hover() event.

Is there any way to force this open, assuming I can't write in the Javascript files that hold the function that does this (but I can access the rest of the files and can read the unminified JS).

Upvotes: 2

Views: 858

Answers (1)

Alex
Alex

Reputation: 10216

In the Chrome developer tools tab "Sources", you have a roll out on the right labelled "Event Listener Breakpoints". Open stack "Mouse" and activate "mouseenter". The window/ javascript then gets "paused" when you hover an element while you can switch back to the "Elements" tab and inspect the dom.

Upvotes: 2

Related Questions