使用firebug检查firefox

使用firebug检查firefox,firefox,firebug,inspect,chromebug,Firefox,Firebug,Inspect,Chromebug,我发现了一个有趣的特性。如果我从firefox(浏览器的条形图、选项卡或任何其他内容)中选择颜色,然后转到: ColorZilla>检查最后一个元素>在 萤火虫 然后我可以看到firefox在firebug面板中使用的标记、css和js,就像一个网站一样。 有没有什么解决方案可以不使用Colorzilla查看此代码?听起来像是在寻找 Chromebug是经过改编的Firebug代码 对于XUL应用程序。它是 Firebug开发人员使用的调试器 发展萤火虫 所以你可以调试你的调试器,你知道吗 说

我发现了一个有趣的特性。如果我从firefox(浏览器的条形图、选项卡或任何其他内容)中选择颜色,然后转到:

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

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


有没有什么解决方案可以不使用Colorzilla查看此代码?

听起来像是在寻找

Chromebug是经过改编的Firebug代码 对于XUL应用程序。它是 Firebug开发人员使用的调试器 发展萤火虫

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


说明:

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

如评论中所述,Chromebug不再使用当前的Firefox版本。而不是打开有限的
chrome://browser/content/browser.xul
page,您可以让scratchpad访问浏览器chrome。打开
about:config
页面,将
devtools.chrome.enabled
设置为
true
,如MDN指南中所述


打开JavaScript草稿行(Shift+F4)并选择浏览器上下文环境。现在,您可以键入类似于
窗口
document.getElementById('urlbar')
的内容,然后单击inspect按钮或按Ctrl+i。这将计算表达式并打开元素检查器,该检查器显示元素的所有属性。

chromebug不幸的是,只能在firefox 5上使用。你现在唯一的赌注就是在一个选项卡中打开浏览器,然后像这样检查它。将其粘贴到地址栏并按enter:
chrome://browser/content/browser.xul
(请注意,有些东西会有所不同,例如,一些插件按钮不会出现,等等)