也许任何有经验的web开发人员都会熟悉这个问题:随着时间的推移,由于所有不再使用的选择器,css文件可能会变得非常巨大和丑陋,这可能很难找到。我正在做一个rails项目,在这个项目中,我们倾向于频繁地重新设计东西,这导致了大量的无用css。找到并删除它的最好方法是什么?
现在,我知道有一个叫做deadweight的rails插件专门为此目的而构建的。然而,这是我的死重问题:首先,它完全忽略了javascript中使用的选择器。接下来,它只扫描那些您配置为扫描的页面,这意味着存在删除由于某种原因而未扫描的页面上使用的内容的风险。最后,它只在已编译的css中查找未使用的选择器(我们使用的较少)-将这些选择器与实际代码进行匹配有点复杂。
我也尝试过http://unused-css.com/ --它们很棒,但是不能访问本地主机,而且同样只能扫描编译过的CSS。
我真的认为肯定有更好的方法来做这件事。实际上,前段时间我决定优化一个特定的css文件,方法是在整个项目目录中点击每个选择器(emacs + rinari模式使其超级简单和超级快速),每次我在结果中看不到任何html或css时,我就删除了样式。零问题,就像一个护身符。显然,我不会对整个站点执行此操作。然而,我真的不相信这不能自动化。现在,在我启动我的python并编写代码之前,有没有人能告诉我我是不是在重新发明轮子?
发布于 2012-05-25 02:36:44
Dust Me Selecters和/或CSS Usage Firefox扩展可以帮助你剔除不使用的CSS。
在Chrome的开发人员工具中,您可以使用网页性能工具来查找未使用的CSS规则。
https://stackoverflow.com/questions/10743314
复制相似问题