Put a microscope to the XUL that makes up the browser chrome with the DOM Inspector.
If you want to hack the existing Firefox chrome, that means building on someone else's work. There's usually no time to study all that code at length, so shortcuts are required. The DOM Inspector is a fast jumping-off point that lets you detect the relationships between different chrome files. It's a good starting point for most of the hacks in this chapter. This hack explains how to get started.
The DOM Inspector is most commonly used to examine HTML pages [Hack #53] . However, it can also be used to inspect the XUL chrome content of any Firefox, Mozilla, or extension window. A small catch is that the DOM Inspector recognizes only windows opened after the inspector was started, plus the initially opened browser window. If some other window is of interest to you, this simple but ungraceful solution is required:
Open the DOM Inspector using the Tools menu.
Go back to the initial browser window.
Open a new browser window, or whatever window is required for inspection. Ideally, it should have a meaningful title displayed in its titlebar.
Using Alt-Tab or otherwise, change focus back to the DOM Inspector. You can do this even if the window to be inspected is a modal window.
In the DOM Inspector, choose File→Inspect a Window and pick the window desired.
If the normal browser window is inspected using this technique, the top of the ...