所以,为了让你知道我正在尝试做什么,OOCSS框架使用了大量的类,我即将打包一个大约2.5兆的移动站点,并希望从文件中删除所有未使用的类。当然,我可以手工完成,但如果将来有这样的东西,就会容易得多。
发布于 2011-09-13 19:23:44
有一个名为的火狐扩展
它从您正在查看的页面上的所有样式表中提取所有选择器,然后分析该页面以查看其中哪些选择器未被使用。然后将数据存储在您的用户首选项中,这样当您继续在站点中导航时,当遇到选择器时,它们将从列表中划掉。你最终会得到一个在站点上任何地方都不使用选择器的配置文件。
或者尝试一下未使用的Css
从未使用的Css站点:
已经编写了一个windows应用程序来查找和删除未使用的CSS类。我没有测试过它,但从描述中,你必须提供你的html文件的路径和一个CSS文件。然后,程序将列出未使用的CSS选择器。从截图上看,似乎无法导出此列表或下载新的干净CSS文件。看起来该服务也被限制在一个CSS文件中。如果您有多个要清理的文件,则必须逐个清理。
是一个Firefox扩展(适用于v1.5或更高版本),用于查找未使用的CSS选择器。它从您正在查看的页面上的所有样式表中提取所有选择器,然后分析该页面以查看其中哪些选择器未被使用。然后存储数据,以便在测试后续页面时,可以在遇到选择器时将其从列表中划掉。这个工具应该能够爬取整个网站,但不幸的是我可以让它工作。另外,我不相信你可以配置和下载删除样式的CSS文件。
是一个windows应用程序,包含一系列编辑CSS的工具。我没有测试太多,但它看起来有能力删除未使用的CSS选择器。这个软件的价格是80美元。
Liquidcity CSS cleaner是一个php脚本,它使用正则表达式检查页面的样式。它将告诉您HTML代码中不可用的类。我还没有测试过这个解决方案。
是一个CSS覆盖工具。给定一组样式表和一组URL,它确定实际使用的选择器和可以“安全”删除的列表。这个工具是一个ruby模块,只能在rails网站上使用。必须手动从CSS文件中删除未使用的选择器。
Helium CSS是一个javascript工具,用于发现网站上许多页面上未使用的CSS。首先,您必须将javascript文件安装到要测试的页面。然后,您必须调用一个the函数来开始清理。
是一个界面简单易用的web应用程序。输入一个站点的url,你会得到一个CSS选择器列表。对于每个选择器,有一个数字指示使用选择器的次数。这项服务有一些限制。不支持@import语句。您不能配置和下载新的干净CSS文件。
是一个书签小工具,可以帮助你在任何网站上找到未使用的CSS选择器。这个工具非常容易使用,但是它不能让你配置和下载干净的CSS文件。它将只列出未使用的CSS文件。
https://stackoverflow.com/questions/7407220
复制相似问题