Inspecting firefox with firebug

核能气质少年 提交于 2019-12-12 21:14:39

问题


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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!