Firebug, from what I can say, uses one element to display its console. One way or another, it hides and displays the panel very smoothly when users switch tabs.
My goal is to imitate this behavior in my own Firefox extension.
For example, let's say you open three tabs, and Firebug opens only on the first tab. If you quickly switch all tabs, it looks like the console is attached to the HTML document because there is no flickering of the Firebug console, although behind the scenes it seems (from viewing the code) the console fails / displays depending on whether Firebug is activated for this tab .
When I try to emulate the same thing (i.e. display only the panel for a given tab), flickering is noticeable when switching between tabs. What I did was add a progress listener to detect when someone switches the tab. When switching tabs, I either display / collapse the panel.
Any clues?
source share