2

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. enter image description here

Is there any solution to view this code without use Colorzilla?

Brock Adams
  • 90,639
  • 22
  • 233
  • 295
Sotiris
  • 38,986
  • 11
  • 53
  • 85

3 Answers3

5

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.

kapex
  • 28,903
  • 6
  • 107
  • 121
4

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

thirtydot
  • 224,678
  • 48
  • 389
  • 349
  • 2
    chromebug unfortunately only works up to firefox 5. your only bet right now is to open the browser in a tab and inspecting it like so. paste this into the address bar and hit enter: `chrome://browser/content/browser.xul` (note that some things will be different, e.g. some addon buttons won’t be there and so on) – flying sheep Jul 25 '12 at 17:17
2

There is actually a dedicated version of Firebug for that called Chromebug (Named after the chrome of Firefox, not Google's chrome)

vcsjones
  • 138,677
  • 31
  • 291
  • 286