Firefox Dom Inspector 2.x Browser Interface elements
In the old DOM Inspector that had the File menu, I could select the chrome document (browser UI) itself to inspect. However, in this new one, I can't seem to figure out how to inspect the chrome document. I checked the Enable Browser Debug.
Can someone please tell me how to browse the Dom for the Browser UI?
You can go to Tools-> Web Developer -> DOM Inspector to open DOM Inspector's dialog, pressing Ctrl +Shift+I just opens built-in inspector!
Use the Browser Toolbox from the Web Developer menu to get to the built-in Inspector.
I still prefer the DOM Inspector add-on add-on personally, as it is easier to do some stuff and allows to e.g. inspect XBL bindings and anonymous nodes properly. You can inspect chrome window by selecting it from the File/Inspect Chrome Document menu.