找到未使用的CSS

Question

我正在为内部网络上的某些页面进行一些开发。我想知道是否有一个开源工具或FF插件可以识别项目中未使用的CSS。

我已经看过使用它，但是当我尝试安装Add-on Installer时说“与Firefox 3.6不兼容”

https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/

请注意，这是针对内部网 - 而不是www可见网站 - 因此我无法使用提供此类服务的在线网站。

Answer 1

Google Chrome（也可能是Safari）也安装了开发人员工具，这些工具随Audits一起提供。审核页面时，未使用的CSS规则是它检查的一件事。

以下是此页面的内容。

Answer 2

我一直在寻找，我找到的最好的事情就是：

http://unused-css.com/

他们会扫描您的网站并通过电子邮件向您发送结果信息。

我知道您正在开发本地人，但如果您找不到替代方案，可以将您的网站上传到某处并使用

另外

您可以安装与dust-me选择器兼容的以前版本的firefox，并将其与当前安装的firefox一起运行。

Answer 3

我在FF中安装了CSS Usage。但几乎没用过一次。它会在当前页面上搜索未使用的CSS，而不是整个项目。

Answer 4

dust-me-selectors Firefox插件现在与Firefox 16兼容......

Answer 5

是否可以将所有HTML页面组合到一个页面中，例如使用：

type *.htm > all-pages.htm

然后你可以在这个单一的'超级'页面上运行Firefox / CSS用法吗？

Answer 6

sourceforge上有一个名为CSS Scanner的新程序，它在html，aspx，php，javascript和jquery代码中扫描已使用和未使用的css类和样式表。 这是.net代码所以你需要Windows： http://sourceforge.net/projects/cssscanner/

Answer 7

1. 可以尝试使用Chrome插件生成有效在页面中使用的css规则样式表，以便快速获得结果。链接

   https://chrome.google.com/webstore/detail/css-remove-and-combine/cdfmaaeapjmacolkojefhfollmphonoh 它还提供了有关未使用的规则的摘要。

2. 这个涉及grunt和相关的插件来查找未使用的代码 http://addyosmani.com/blog/removing-unused-css/

Answer 8

如果您熟悉节点js，还可以使用“查找未使用的CSS ”：https://www.npmjs.com/package/find-unused-css