firebug - 隐藏特定.css文件中的样式

时间:2010-11-23 11:35:40

标签: css firebug

有什么方法可以隐藏firebug样式面板中特定样式表的样式?
例如,我使用CSS重置并在我的页面中包含reset.css但是当它在样式窗口中显示无用信息时看起来不太好。

谢谢。

5 个答案:

答案 0 :(得分:11)

我知道您在询问是否使用FireBug禁用样式表。你问两年前。人们建议破解FireBug并使用另一个web dev插件。

这是我的解决方案: 新的Firefox(13.0.1)可以在没有插件的情况下完成此操作。只需转到选项的Web开发人员工具部分,然后进入样式编辑器(转换F7) 选项>网络开发者工具>样式编辑器

点击眼球以显示/隐藏每个样式表。

希望这有帮助!

答案 1 :(得分:5)

如果您还没有,请考虑安装此Webdeveloper Toolbar

它可以完全满足您的要求..还有更多:)

答案 2 :(得分:3)

到目前为止,没有用户界面可以执行此操作(Firebug 1.9.2),但您可以修改源代码...但是,每次更新Firebug时,您需要执行此操作。< / p>

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

  

在我的XP机器上,它位于“C:\ Documents and Settings \ userName \ Application Data \ Mozilla \ Firefox \ Profiles \ profileName \ extensions“

打开文件“ firebug@software.joehewitt.com.xpi ”(它实际上是一个重命名的.zip文件)并解压缩文件“ content \ firebug \ lib \ url.js ”。

在此文件中,找到“ Url.isSystemURL ”函数并添加一行代码,如果 url 参数包含CSS文件的名称,则返回true想隐藏(我在下面的例子中使用了“reset.css”):

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中的文件。

答案 3 :(得分:0)

你是怎么做的alt text

答案 4 :(得分:0)

FirefoxChrome中,您可以安装Web Developer扩展程序。

可以选择禁用CSS样式:CSS meny&gt;禁用样式&gt;所有款式(或您选择的个别款式)。