检测未使用的CSS规则

Sha*_*hin 27 css

可能重复:
如何在网站中找到未使用的图像和CSS样式?

我正在开发一个网站.
我使用ready template.this模板包含许多带有许多css规则的css文件.
但我有几页,我相信我没有使用所有选择器.
是否存在用于扫描项目HTML文件和查找未使用的css规则并将其删除的工具?
我发现这个问题说:

Dust-me Selectors是一个firefox插件,可以找到未使用的选择器.

但它与FF6不兼容,似乎只是审查当前的查看页面,而不是扫描整个网站文件.

Jos*_*kle 34

您可以使用chrome的开发人员工具获得一般概念.

  1. 在Chrome中打开该页面
  2. 打开开发人员工具(Ctrl + Shift + I)
  3. 打开"审核"选项卡
  4. 点击运行
  5. 展开"删除未使用的CSS规则"项以查看包含未使用的样式规则的样式表列表.

这没有列出来 哦等等......它确实...... XD

  • 使用CSS Usage(Mozilla Firebug AddOn),它将创建一个新的css,不包括未使用的css (5认同)
  • 需要有一个选项来下载"已清理"的CSS文件!我的一个样式表中有4,133个未使用的css规则,我真的不想手动清理样式表. (4认同)
  • 非常感谢你,但它会扫描当前页面,对吧? (2认同)
  • 是的,只有当前页面 (2认同)