问题
Using ColorZilla I found an interesting feature. If I pick a color from firefox (bars,tabs or anything else of the browser) and then go to:
ColorZilla > Inspect Last Element > In Firebug
Then I can see the markup,css,js that firefox uses in the firebug panel just like a website.
Is there any solution to view this code without use Colorzilla?
回答1:
It sounds like you're after Chromebug.
Chromebug is the Firebug code adapted for XUL applications. It is the debugger that Firebug developers use to develop Firebug.
So you can debug your debugger, you know?
Instructions: http://getfirebug.com/wiki/index.php/Chromebug
回答2:
As mentioned in the comments, Chromebug is no longer working with current Firefox versions. Instead of opening the limited chrome://browser/content/browser.xul
page, you can make the browser chrome accessible to the scratchpad. Open the about:config
page and set devtools.chrome.enabled
to true
, as described in the extension development environment setup guide on MDN.
Open the JavaScript scratchpad (Shift+F4) and select the browser context environment. Now you can type in something like window
or document.getElementById('urlbar')
and click the inspect button or hit Ctrl+i. This will evaluate the expression and open the element inspector, which shows all properties of the element.
回答3:
There is actually a dedicated version of Firebug for that called Chromebug (Named after the chrome of Firefox, not Google's chrome)
来源:https://stackoverflow.com/questions/6231868/inspecting-firefox-with-firebug