是否有一个从框架中删除未使用的类的应用程序?

时间:2011-09-13 19:17:31

标签: css

因此,为了让您了解我正在尝试做什么,OOCSS Framework使用了大量的课程,我即将打包一个约2.5兆的移动网站,并希望删除所有未使用的来自文件的类。当然,我可以手工完成,但如果将来存在类似的东西会更容易。

1 个答案:

答案 0 :(得分:7)

有一个名为Dust Me Selectors

的Firefox扩展程序
  

它从您正在查看的页面上的所有样式表中提取所有选择器,然后分析该页面以查看哪些选择器未被使用。然后将数据存储在您的用户首选项中,这样当您继续浏览站点时,选择器将在遇到它们时从列表中划掉。   您最终会得到一个配置文件,其中不会在网站的任何位置使用哪些选择器。

或尝试未使用的Css

  

http://unused-css.com/


来自Unused Css网站的

Latish Sehgal 编写了一个Windows应用程序来查找和删除未使用的CSS类。我没有测试它,但从描述中,你必须提供你的html文件和一个CSS文件的路径。然后程序将列出未使用的CSS选择器。从截图中看,似乎无法导出此列表或下载新的干净CSS文件。看起来该服务仅限于一个CSS文件。如果您要清理多个文件,则必须逐个清理它们。

Dust-Me Selectors 是一个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文件。