火狐浏览器插件 - 隐藏特定 .css 文件的样式

Question

有没有办法在Firebug风格面板中隐藏特定样式表中的样式？例如，我使用CSS重置并在我的页面中包含reset.css，但当它在样式窗口中显示无用信息时并不好看。

谢谢。

- Kai

---

只是为了澄清 - 你想要隐藏Firebug中的重置规则，但仍然将它们应用于页面：你不想删除CSS重置文件？ - Kobi

Answer 1

我知道您询问如何使用FireBug禁用样式表，这个问题在两年前就有人提出过。当时有人建议通过修改FireBug来实现，或者使用其他Web开发插件。

这里是我的解决方案： 新版Firefox（13.0.1）可以在不使用插件的情况下完成此操作。只需进入选项中的Web开发工具部分，然后转到样式编辑器（shift F7）。
选项 > Web开发工具 > 样式编辑器

单击眼睛图标以显示/隐藏每个样式表。

希望这能帮到您！

- Newman5

---

OP希望在检查器中隐藏样式，但仍然应用于页面。在样式编辑器中禁用文件也会禁用其样式。那不是一个解决方案。 - Petr 'PePa' Pavel

Answer 2

如果您还没有安装，考虑安装这个Webdeveloper工具栏。它可以做出您所要求的一切...以及更多 :)

- Claus Asbjørn Sørensen

---

是的，它可行，但正如 @Kobi 提到的那样，我仍然想将它们应用于该页面。 - Kai

Answer 3

到目前为止（Firebug 1.9.2），还没有用户界面来完成这个操作，但是您可以修改源代码... 这意味着，每次更新Firebug时都需要这样做。

首先，退出Firefox并找到Firebug的.xpi包。

在我的XP机器上，它位于“C:\Documents and Settings\用户名\Application Data\Mozilla\Firefox\Profiles\配置文件名\extensions”

打开文件“[e-mail]”（实际上是一个重命名的.zip文件），并提取文件“content\firebug\lib\url.js”。

在这个文件中，找到“Url.isSystemURL”函数，并添加一行代码，如果url参数包含您想要隐藏的CSS文件的名称（在下面的示例中我使用了“reset.css”），则返回true：

Url.isSystemURL = function(url)
{
    if (!url) return true;
    if (url.length == 0) return true;
    /*** Hide specific CSS file ***/
    if (url.indexOf("reset.css") != -1) return true;
    /******************************/
    if (url[0] == "h") return false;
    if (url.substr(0, 9) == "resource:")
        return true;
    else if (url.substr(0, 16) == "chrome://firebug")
    ...

您还可以使用正则表达式：

    if (url.match(/RegExp/)) return true;

编辑完成后，请保存文件并用您编辑过的版本替换.xpi中的文件。

- Goozak

---

这可能不是一个很好的解决方案，但我认为这是唯一真正回答了所提出问题的答案。 - thelem

Answer 4

这里是如何做到的

- indianwebdevil

---

因为您的回答中没有包含解决方案和链接，所以被下投票了。 - Thiago Silva

一张图片胜过千言万语，如果你不理解，那么也无人能帮助你 :( 你不能因此而简单地投反对票。 - indianwebdevil

+1，这个方法对我有效，但我必须自己找出需要先安装Firefox开发者工具。如果你在回答中提到这点，将会更好。 - Ahmad Alfy

不错的回答，但我不会投赞成票，因为它缺少一些信息，就像Ahmad所说的那样。社区应该支持新手和新来者，所以你，nespotin，关于1000个单词的说法在这种情况下是不正确的。 - Yannis Dran

Answer 5

在 Firefox 和 Chrome 中，您可以安装 Web Developer 扩展程序。

有一个选项可以禁用 CSS 样式：CSS 菜单 > 禁用样式 > 所有样式（或您选择的个别样式）。

- Yannis Dran