我知道有多种工具可用于在静态网页上查找未使用的 CSS。但在我遇到的大多数真实场景中，很多 CSS 是在页面上的一些或其他交互之后使用的，可能是一个新的模式打开或一个选项弹出窗口等。
在这种情况下，您有什么建议？如何在我不断增长的呈现阻塞 CSS 上保持一个标签？
我想唯一可以做到这一点的方法是结合 Selenium 运行常规的 unused-css-detector 类型的工具 - 测试已知的交互并查看未使用的内容。但这里的一个重要假设是我需要知道我的页面上所有可以使用新 CSS 的交互。有没有办法在不做这个假设的情况下实现我的目标？
在理想情况下，我能够将访问者浏览器在我的页面上使用的所有 CSS 回发到我的服务器。然后我会收集一个多月的数据，进行汇总，并对实际未使用的 CSS 有一个非常准确的了解。
有什么好主意吗？
最佳答案
我是一个旨在完成您所描述的工具的作者。在我工作的每个地方，CSS 都是这种“仅附加”的东西，清理起来风险太大、太耗时。即使您尝试了，投资返回率也很低，不值得。
所以我正在开发一种与您所描述的非常相似的工具。目标是让人们对可以删除的内容充满信心，并通过提交拉取请求自动执行此操作。
一段 JavaScript 在浏览器中运行，并向服务器发送正在使用的报告。一旦积累了足够的数据来建立一些“置信度分数”，它就可以自动创建 Pull Request 以删除实际上未使用的选择器。
目前仍处于早期阶段，但欢迎您试用并提供一些反馈。
关于html - 审核复杂网页上未使用的 CSS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40793678/