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

前端之家收集整理的这篇文章主要介绍了css – 是否有一个应用程序从框架中删除未使用的类?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
因此,为了让您了解我正在尝试做什么,OOCSS Framework使用了大量的类,我即将打包一个约2.5兆的移动网站,并希望删除所有未使用的类.文件.当然,我可以手工完成,但如果将来存在类似的东西会更容易.

解决方法

有一个名为 Dust Me Selectors的Firefox扩展

It extracts all the selectors from all the stylesheets on the page you’re viewing,then analyzes that page to see which of those selectors are not used. The data is then stored in your user preferences,so that as you continue to navigate around a site,selectors will be crossed off the list as they’re encountered.
You’ll end up with a profile of which selectors are not used anywhere on the site.

或试试Unused Css

07001

来自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文件.

原文链接:https://www.f2er.com/css/215001.html

猜你在找的CSS相关文章