I’ve Bootstrap tooltip plugin that is showing/hiding a <div> inside <body> when mouse is enter/leave an <a> element.
I can see the new <div> added to body when i use the element selector and pass over the link. But when i move the mouse again for inspect the new <div> style, of course the <div> is removed from DOM.
How can i select it to inspect the computed style? I need this because my tooltips show a bit different style from Bootstrap reference tooltips.
Firebug 1.10 added a keyboard shortcut for “Break on..” (alt–ctrl–b). This is extremely handy in situations just like this (because normally you would have to move your mouse to Firebug, which will hide your popup).
Before any JS on the page is executed (e.g. the JS which hides the popup), Firebug will pause and you’ll be free to inspect everything.