用firebug检查firefox

时间:2011-06-03 19:40:33

标签: firefox firebug inspect chromebug

使用ColorZilla我发现了一个有趣的功能。如果我从firefox中选择一种颜色(条形图,标签符或浏览器的任何其他内容),然后转到:

  

ColorZilla>检查最后一个元素>在   萤火虫

然后我可以看到firefox在firebug面板中使用的标记,css,js就像网站一样。 enter image description here

有没有使用Colorzilla查看此代码的解决方案?

3 个答案:

答案 0 :(得分:5)

正如评论中所提到的,Chromebug不再使用当前的Firefox版本。您可以通过暂存器访问浏览器镶边,而不是打开有限的chrome://browser/content/browser.xul页面。打开about:config页面,将devtools.chrome.enabled设置为true,如MDN上的extension development environment setup指南中所述。

打开JavaScript暂存器( Shift + F4 )并选择浏览器上下文环境。现在您可以键入windowdocument.getElementById('urlbar')之类的内容,然后单击检查按钮或按 Ctrl + i 。这将评估表达式并打开元素检查器,它显示元素的所有属性。

答案 1 :(得分:4)

听起来好像你在Chromebug之后。

  

Chromebug是改编的Firebug代码   用于XUL应用程序。它是   Firebug开发人员使用的调试器   开发Firebug。

所以你可以调试你的调试器,你知道吗?

说明:http://getfirebug.com/wiki/index.php/Chromebug

答案 2 :(得分:2)

实际上有一个名为Chromebug的Firebug专用版本(以Firefox的Chrome命名,而不是Google的chrome)