如何在我的网站上跨所有页面检测未使用的 CSS？答案

【问题标题】：How can I detect unused CSS on my website, across all pages?如何在我的网站上跨所有页面检测未使用的 CSS？
【发布时间】：2019-09-19 04:24:17
【问题描述】：

过去我使用了一个名为 Dust Me Selectors 的 Firefox 扩展，但它似乎已被废弃并且与 Firefox Quantum 不兼容。

我已经搜索了一段时间，但没有找到当前的替代方案，除了 http://unused-css.com 这是一项付费服务。我宁愿有一个我可以自己使用的工具。

这一定是每个开发人员在某个时候都想知道的事情，所以希望阅读本文的人能够为我指明正确的方向！

【问题讨论】：

不幸的是，据我所知，没有 css 清理工具可以扫描整个站点及其所有 css 并指出从未使用过的 CSS 规则。但是，如果有这样的东西，对于包括我在内的许多人来说，它可能是无价的！span>
我想我们可以选择安装旧版本的 Firefox，然后使用 Dust Me。可能会奏效。
这确实是一个选择。我刚刚从here 安装了51.0.1 版，从here 安装了扩展，它工作正常。非常不幸的是，Chrome 的 CSS 覆盖记录可以跨 AJAX 样式调用工作，但不是硬页面更改，尽管给人的印象是确实如此。

【解决方案1】：

抱歉，回答晚了，我在搜索相同内容时发现了您的问题。无论如何，您可能对以下内容感兴趣：

它会删除未使用的 css，您可以添加多个 url。

祝你好运

PS：我正在编辑我的答案，因为我发现 another website 正在删除未使用的 CSS，也许它会帮助阅读本文的人。

【讨论】：

【解决方案2】：

老实回答：一个一个去掉，看看会不会破坏风格。

聪明的答案：使用您的浏览器开发工具禁用每个 css 属性并观察会发生什么。

【讨论】：