css - 从 webapp 中安全地删除 CSS block

Question

我知道已经有几个关于未使用的 CSS 的问题，例如 How can I find unused images and CSS styles in a website?或者 how can i find unused css in ajax app?

据我从这些问题和那里给出的答案中了解到，目前无法为完整的网络应用程序自动检查未使用的 CSS。问题似乎是几乎不可能获得所有可能生成的 HTML，即使您可以访问源代码也是如此。

另请注意，在我的例子中，我想验证未使用某些 CSS，而不是首先找到它。

我仍然认为删除未使用的 CSS 是一项常见任务。那么它在现实生活中是如何实现的呢？我实际上必须为一个更大的元素这样做。我目前的计划是删除一些 CSS，手动测试它，然后等待错误报告。我真的希望有更好的方法。

编辑:我刚刚意识到这个问题并不是真正特定于 CSS。因此，当我扩大搜索范围时，我发现了 What is the best way to remove dead code from your application? .那里给出的答案主要是说“只有通过一组真正广泛的测试才有可能”(这对我来说不是一个选项)。

Answer 1

没有确切的解决方案，但我在 css wizardry 上找到了一个很好的解决方法:

在你的 CSS 中添加这样的东西:

#suspicious_selector {
  background-image: url('/assets/img/dead/suspicious_selector.gif');
}

一段时间后检查对该文件的请求。如果没有请求，删除选择器通常是安全的。