在编写CSS样式时,可能会遇到样式修改或界面设计变更,导致一些样式变得不再需要。这些过时的样式不仅占用服务器空间和带宽,还会增加维护成本。以下是几种清理无用样式的工具:
Dust-Me selectors
Dust-Me是一个Firefox插件,能够分析页面中所有CSS文件,并识别未被使用的样式,支持本地和远程样式文件,包括通过标签、处理指令、@import语句引入的样式文件,但不包括IE条件注释中的样式文件。Dust-Me可以检查单个页面或整个网站,支持CSS1、大部分CSS2和CSS3选择器,能理解通用的CSS hack,如“* html #fuck-ie”会被视为“html #fuck-ie”,Dust-Me支持Firefox 3.5和Firefox 3.0,其中3.5的性能比3.0高出50%。
Page Speed
Page Speed是Google提供的一个前端性能分析工具,类似于YSlow,提供了一些特色工具,例如Remove unused CSS,Page Speed依赖于Firebug。
CSS Redundancy Checker
CSS Redundancy Checker是一个在线应用,能够检查使用特定CSS文件的所有页面中的无用样式,并查看单个样式在多个页面中的使用情况,每次只能检查一个CSS文件,需要手动输入多个HTML页面。
IntelliJ IDEA
IntelliJ IDEA是一个功能强大的IDE,包含即时代码分析工具,能够分析CSS文件中未使用的class和id。
Expression Web
Expression Web是微软的网站开发工具,其CSS Report功能可以检查并清除未使用的CSS。
