使用 firebug 检查 firefox

发布于 2024-11-13 06:57:26 字数 373 浏览 3 评论 0原文

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

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

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

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

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.
enter image description here

Is there any solution to view this code without use Colorzilla?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

书信已泛黄 2024-11-20 06:57:26

正如评论中提到的,Chromebug 不再适用于当前的 Firefox 版本。您可以使浏览器 chrome 可通过暂存器访问,而不是打开有限的 chrome://browser/content/browser.xul 页面。打开 about:config 页面并将 devtools.chrome.enabled 设置为 true,如 MDN 上的扩展开发环境设置指南。

打开 JavaScript 便笺本 (Shift+F4) 并选择浏览器上下文环境。现在,您可以输入 windowdocument.getElementById('urlbar') 等内容,然后单击检查按钮或按 Ctrl+我。这将计算表达式并打开元素检查器,其中显示元素的所有属性。

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.

┊风居住的梦幻卍 2024-11-20 06:57:26

听起来您正在寻找 Chromebug

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

这样你就可以调试你的调试器了,你知道吗?

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

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

谷夏 2024-11-20 06:57:26

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

There is actually a dedicated version of Firebug for that called Chromebug (Named after the chrome of Firefox, not Google's chrome)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文