如何可靠地跟踪CSS使用情况？

Question

我的环境是使用Resharper 6.0的Visual Studio 2010。我有一个包含许多样式的CSS文件的大型网站。

我想整理这些内容，因为很多不再使用它们，我注意到Resharper允许你跟踪用法但显然这可能会错过代码隐藏等方面的CSS类规范。

我唯一的解决方案是在VS中查找文件，但显然当你有大量的样式时，这证明太慢和麻烦。

有没有人有类似的困境？

编辑：值得一提的是，该网站是一个包含大约10,000页的CMS，所以任何需要浏览页面的内容也可能有点棘手。

Answer 1

有一个名为firefox的dust me selector扩展程序可以执行此操作。您启用它，然后导航到每个页面。它跟踪所有使用的CSS。您吐出一个包含所有跟踪的CSS样式的新css文件。

Answer 2

Web Essentials Visual Studio扩展程序具有BrowserLink功能，可以在浏览网站时跟踪站点中未使用的css。

Answer 3

这样做的方法是在像PhantomJS这样的无头浏览器中运行您的网站，并检查应用的样式以删除未使用的样式。

幸运的是，在节点上构建了一个名为 uncss 的漂亮工具，正是这样做的：

https://github.com/giakki/uncss

我在这里找到了它：

http://addyosmani.com/blog/removing-unused-css/

关于浏览所有这些页面，好吧，我不知道，如果你能生成所有可能的URL，那么你可以自动化这个过程。

尝试一下，让我知道它是否有帮助。