使用ColorZilla,我发现了一个有趣的功能。如果我从 firefox(栏、标签或浏览器的其他任何内容)中选择一种颜色,然后转到:
ColorZilla > 检查最后一个元素 > 在 Firebug 中
然后我可以看到firefox在firebug面板中使用的标记,css,js就像一个网站一样。
是否有任何解决方案可以在不使用 Colorzilla 的情况下查看此代码?
使用ColorZilla,我发现了一个有趣的功能。如果我从 firefox(栏、标签或浏览器的其他任何内容)中选择一种颜色,然后转到:
ColorZilla > 检查最后一个元素 > 在 Firebug 中
然后我可以看到firefox在firebug面板中使用的标记,css,js就像一个网站一样。
是否有任何解决方案可以在不使用 Colorzilla 的情况下查看此代码?
正如评论中提到的,Chromebug 不再适用于当前的 Firefox 版本。无需打开受限chrome://browser/content/browser.xul
页面,您可以使浏览器 chrome 可供便签本访问。打开about:config
页面并设置devtools.chrome.enabled
为true
,如MDN 上的扩展开发环境设置指南中所述。
打开 JavaScript 暂存器 ( Shift+ F4) 并选择浏览器上下文环境。现在您可以输入类似的内容window
或document.getElementById('urlbar')
单击检查按钮或点击Ctrl+ i。这将评估表达式并打开元素检查器,其中显示元素的所有属性。
听起来你在追 Chromebug。
Chromebug 是适用于 XUL 应用程序的 Firebug 代码。它是 Firebug 开发人员用来开发 Firebug 的调试器。
所以你可以调试你的调试器,你知道吗?
实际上有一个名为Chromebug的专用 Firebug 版本(以 Firefox 的 chrome 命名,而不是 Google 的 chrome)