如何识别未使用的CSS定义

时间:2020-03-06 14:44:44  来源:igfitidea点击:

有什么好的方法可以识别项目中未使用的CSS定义?一堆css文件被拉进来了,现在我正在尝试清理一些东西。

解决方案

在https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/上查看Firefox扩展Dust-Me。

Cdump中更好的CSS Minifier可以复制多余的样式;

我们还希望与此结合使用" Dust-Me"。

请记住,如果有任何内容当前对我来说不可见,那么我们可能会抛弃所需的样式。

编辑:链接已损坏,但archive.org同时具有页面和代码。

使用Internet Explorer开发人员工具栏的"视图">" CSS选择器匹配项":查看所有样式规则集的报告以及它们在当前页面上使用了多少次。

Chrome开发者工具有一个"审核"标签,其中可以显示未使用的CSS选择器。

运行审核,然后在"网页性能"下,参阅"删除未使用的CSS规则"

查看适用于Firefox的Google的PageSpeed。它这样做,并且整个负载更多。

显然,Chrome插件也在开发中。