Firebug: How to inspect elements changing with mouse movements?

Question

Sometimes I need to inspect elements that are only showing up on a page if you put mouse over some area. The problem is that if you start moving mouse towards firebug consol

Answer 1

For the bootstrap tooltip:

$(document ).tooltip({delay: { show: 0, hide: 100000 }});

Answer 2

This is an extremely old question by now, but I've found an answer that directly answers the "freeze the browser" portion of the question.

Control + Alt + B. This is "break on mutate". Which means, when you are hovering over an element with firebug engaged (Control + Shift + C), that when the HTML attributes would change, instead they hit a breakpoint, allowing you to easily navigate around to examine for paths, etc.

Answer 3

Open console:

If you have javascript based tooltip, find applicable elements in console with appropriate selector. like below and confirm you able to find appropriate element with selectors.

$('your selector') 

Write above javascript and Press enter. you will have list of elements.

Now e.g. If library added event on mouseenter enter following script:

$('your selector').mouseenter() 

Press enter.

This way you can simulate mouse movement events without actual mouse. and can use actual mouse pointer to investigate thing in debugger tool.

Answer 4

The style panel in Firebug has a dropdown menu where you can choose the :active or :hover state.

Answer 5

I think you can also do this :

• Choose Firebugs Inspect mode

• Hover over the item that pops up the element you wish to inspect and then use the Tab key several times to make Firebug active (I found it tricky to see when Firebug was the active component but nothing like trial and error - when I saw that Firefoxes Find Toolbar was active I'd then Shift + Tab backwards twice to get into Firebug.

• Then I'd use the L/R arrow keys to contract/expand elements and U/D arrow keys to navigate through Firebugs console

Worked for me anyway!

Answer 6

You could insert a breakpoint at the start of the mouseout event handler. Its code won't be executed until you allow it to continue, and you can use the DOM inspector and so forth while execution is stopped.