因此,为了让您了解我正在尝试做什么,OOCSS Framework使用了大量的类,我即将打包一个约2.5兆的移动网站,并希望删除所有未使用的类.文件.当然,我可以手工完成,但如果将来存在类似的东西会更容易.
有一个名为Dust Me Selectors的Firefox扩展
它从您正在查看的页面上的所有样式表中提取所有选择器,然后分析该页面以查看哪些选择器未被使用.然后将数据存储在您的用户首选项中,这样当您继续浏览站点时,选择器将在遇到它们时从列表中划掉.您最终会得到一个配置文件,其中不会在网站的任何位置使用哪些选择器.
或试试Unused Css
来自Unused Css网站:
Latish Sehgal编写了一个Windows应用程序来查找和删除未使用的CSS类.我没有测试它,但从描述中,你必须提供你的html文件和一个CSS文件的路径.然后程序将列出未使用的CSS选择器.从截图中看,似乎无法导出此列表或下载新的干净CSS文件.看起来该服务仅限于一个CSS文件.如果要清理多个文件,则必须逐个清理它们.
Dust-Me选择器是一个Firefox扩展(适用于v1.5或更高版本),可以找到未使用的CSS选择器.它从您正在查看的页面上的所有样式表中提取所有选择器,然后分析该页面以查看哪些选择器未被使用.然后存储数据,以便在测试后续页面时,选择器可以在遇到它们时从列表中划掉.这个工具应该可以蜘蛛整个网站但不幸的是我可以使它工作.此外,我不相信您可以配置和下载已删除样式的CSS文件.
Topstyle是一个Windows应用程序,包括一堆编辑CSS的工具.我没有测试过多,但看起来它有能力删除未使用的CSS选择器.该软件的价格为80美元.
Liquidcity CSS cleaner是一个php脚本,它使用正则表达式来检查一个页面的样式.它会告诉您HTML代码中没有的类.我还没有测试过这个解决方案.
Deadweight是一个CSS覆盖工具.给定一组样式表和一组URL,它确定实际使用哪些选择器以及可以"安全"删除的列表.此工具是ruby模块,仅适用于rails网站.必须从CSS文件中手动删除未使用的选择器.
Helium CSS是一个javascript工具,用于在网站上的许多页面上发现未使用的CSS.首先必须将javascript文件安装到要测试的页面.然后,您必须调用氦气功能来开始清洁.
UnusedCSS.com是一个易于使用的界面的Web应用程序.输入网站的网址,您将获得CSS选择器列表.对于每个选择器,数字表示选择器的使用次数.此服务有一些限制.不支持@import语句.您无法配置和下载新的干净CSS文件.
CSSESS是一个书签,可以帮助您在任何网站上找到未使用的CSS选择器.该工具非常易于使用,但它不允许您配置和下载干净的CSS文件.它只会列出未使用的CSS文件.