检测未使用的CSS规则

时间:2011-09-14 00:21:52

标签: css

  

可能重复:
  How can I find unused images and CSS styles in a website?

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

  

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

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

1 个答案:

答案 0 :(得分:34)

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

  1. 在Chrome中打开该页面
  2. 打开开发人员工具(Ctrl + Shift + I)
  3. 打开审核标签
  4. 点击运行
  5. 展开“删除未使用的CSS规则”项,以查看包含未使用的样式规则的样式表列表。
  6. 这不列出来哦等等......它确实...... XD