css - 如何真正找到网站上所有未使用的 css 样式

Question

出于重构的目的，我试图在我的网站上找到所有未使用的 css 样式定义。谷歌搜索一段时间后，我发现了各种工具，例如 Google Chrome 的审核功能或名为“dust-me selectors”的 Firefox 附加组件:How can I find unused images and CSS styles in a website?

对我来说，这些工具不起作用，因为:

1. 在运行时，它们只会触发 Chrome 或 Firefox 特定的 css，这意味着其他代码，例如通过 IE 条件注释包含的 IE 特定内容的样式将被标记为未使用，尽管事实并非如此。
2. 这些工具仅适用于我当前正在查看的页面。因此，如果我的所有页面都有一个大的 css 文件，这些工具会将相当数量的样式标记为我正在查看的页面未使用，尽管其他页面可能需要它们，因为切换页面会使这些工具“忘记” “他们最后说。

是否有任何免费工具可以让我在考虑跨浏览器和多个页面的情况下找到未使用的 css 样式？

Answer 1

只需使用下面的链接搜索未使用的 css Remove Unused CSS