2

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

ColorZilla > 检查最后一个元素 > 在 Firebug 中

然后我可以看到firefox在firebug面板中使用的标记,css,js就像一个网站一样。 在此处输入图像描述

是否有任何解决方案可以在不使用 Colorzilla 的情况下查看此代码?

4

3 回答 3

5

正如评论中提到的,Chromebug 不再适用于当前的 Firefox 版本。无需打开受限chrome://browser/content/browser.xul页面,您可以使浏览器 chrome 可供便签本访问。打开about:config页面并设置devtools.chrome.enabledtrue,如MDN 上的扩展开发环境设置指南中所述。

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

于 2013-01-17T16:19:18.433 回答
4

听起来你在追 Chromebug

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

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

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

于 2011-06-03T19:45:44.263 回答
2

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

于 2011-06-03T19:46:08.817 回答