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

【问题标题】：How can you reliably track CSS usages?如何可靠地跟踪 CSS 使用情况？
【发布时间】：2011-12-18 20:50:05
【问题描述】：

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

我想整理这些，因为其中很多不再使用，我注意到 Resharper 允许您跟踪使用情况，但显然这可能会错过代码隐藏等中的 CSS 类规范。

我唯一的解决方案是在 VS 中执行 Find In Files，但显然当您有大量样式时，这证明太慢且太麻烦。

有没有人遇到过类似的情况？

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

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

我在这里找到的：

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

试一试，如果有帮助，请告诉我。

【讨论】：