CSS失控

时间:2010-09-11 13:51:06

标签: css

是否有任何实用程序会抓取网站并确定哪些css规则正在使用哪些不是?我们有一个大型网站和一个巨大的CSS文件( - 不要责怪我,我刚到这里)。而且,我认为其中很多都没有被使用,但是为了以防万一我害怕剥掉东西。

该文件令人困惑且难以管理,我认为如果我们可以通过删除未使用的规则来减少它,我们将有一个良好的起点,并尝试使其更好。

5 个答案:

答案 0 :(得分:4)

尝试SitePoint的Dust-Me Selectors Firefox扩展程序。它找到了CSS选择器,其规则永远不会应用于您的页面,因此您可以从样式表中删除它们。

答案 1 :(得分:3)

答案 2 :(得分:3)

前一段时间我遇到了同样的问题(CSS中有5k行)并找到了this Firefox插件,对我来说效果非常好。

答案 3 :(得分:1)

Firefox的Firebug插件的Google Page Speed plugin也是一个很棒的工具,可以突出显示未使用的CSS选择器,并告知您哪些表现不佳。

与往常一样,您需要注意,CSS选择器可能无法在“this”页面上使用,但很可能会在另一个页面上使用,因此修剪它们时要小心,以确保它们真正不必要。

答案 4 :(得分:1)

您可以使用Unused-CSS之类的服务 此Web应用程序探索您网站的页面并构建干净的CSS文件