【问题标题】:Firefox addon to find Unused CSS styles [duplicate]Firefox插件查找未使用的CSS样式[重复]
【发布时间】:2011-11-01 02:59:17
【问题描述】:

可能重复:
Tool to identify unused css definitions

假设我的浏览器中显示了一个页面,并且我在此页面上使用了一个带有类似规则的 .CSS 文件

    .class1{
    /* some style definitions */
    }
    .class2{
    /* some style definitions */
    }
    .class3{
    /* some style definitions */
    }
....
...
.class1001{
    /* some style definitions */
    }

现在我的问题是是否有任何插件可以告诉我这些规则中的内容,这些规则在页面上“未使用”..

我看到了一些相关问题,它们提供了指向插件的链接,这些链接告诉页面上使用的 CSS 选择器。但我有 1000 多个规则,因此想直接了解未使用的规则。..

只是添加,提到的插件有 1 个问题; 就像如果 IE 有 hack(例如 *html),它会将它们标记为 UNUSED,即使它实际上在 IE 中使用。有什么解决方法吗?

请帮助我。谢谢。

【问题讨论】:

    标签: css firefox firefox-addon css-selectors browser-addons


    【解决方案1】:

    如果您使用 Firefox,则可以使用 Dust Me Selectors 插件,该插件完全符合您的要求。它会为您找到未使用的选择器 :) 试一试!

    还有CSS Usage plugin,它会查看您的 CSS 文件并告诉您哪些未使用。 :)

    【讨论】:

    • 谢谢很多... Dust Me Selectors 似乎不适用于 Firefox 4.0.1...所以我安装了 CSS Usage ...它说 Seen, Unseen,..所以我假设红色的选择器(即 Unseen)可以安全删除...请您确认...
    • 如果当前页面上使用的所有选择器都用于整个站点的每个页面,它们就可以。您最终可能会删除一些在其他页面上使用的内容。
    • 哦 k...对..实际上在我的情况下,我只在一个页面上调用了 CSS...虽然我想强调一个问题...我有一些CSS hacks 也用于 IE,如 *html , >html 等......并且这些被标记为 RED(因为 Firefox 永远不会理解它们)......所以你有任何解决方法...或其他一些处理这个问题的插件..
    • 链接坏了
    • @Andrii 好吧,这是一个 9 岁的答案,我并不感到惊讶。
    猜你喜欢
    • 2011-04-12
    • 2011-10-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-09-26
    • 2013-12-05
    • 2019-03-24
    • 2014-03-26
    相关资源
    最近更新 更多