自动从项目中删除未使用的CSS类

时间:2011-09-08 09:57:59

标签: html css

我想将我的CSS文件与我在网站中实际使用的类进行比较,并生成一个仅包含这些类的新CSS文件。关键是要摆脱我没有使用的类。

我之前使用FireFox的Dust Me Selectors扩展来查找已使用和未使用的CSS选择器,但它不再适用于FireFox 6。

还有其他选择吗?

4 个答案:

答案 0 :(得分:1)

当您将网站放到GT-Metrix时。比你可以看到未使用的CSS选择器。或者你可以使用Google pagespeed。

答案 1 :(得分:0)

您可以尝试this online tool或使用Google Chrome的开发者工具(默认情况下已安装,无需扩展程序),其中包含审核标签,可在当前页面上显示未使用的css选择器...但我不认为有办法让它自动完成......

答案 2 :(得分:0)

您可以尝试使用Firebug的CSS Usage扩展。它就像一个魅力,但它需要手动工作https://addons.mozilla.org/en-US/firefox/addon/css-usage/

答案 3 :(得分:0)

该系统声称这样做: http://sourceforge.net/projects/cssmerge/?source=dlp

但是我无法让它发挥作用。

所以这里有一些手动工具来比较文件。它没有自动解决方案那么快,但会比单独进行视觉比较更快。

http://www.diffchecker.com/

http://www.araxis.com/merge_mac/index.html

http://csscompare.codeplex.com/