识别并从域的浏览会话中删除不需要的CSS (文件/样式)和JS(脚本/函数

Question

我们有一个非常大的项目使用推特引导模板和第三方jQuery插件，最初的开发人员添加了几个插件和CSS文件，而不关心他将使用的特性和功能。

由于这些样式和JS函数中的一些可以被动态调用，并且由于项目非常非常大，进行手动检查是一项非常乏味的工作，所以您是否知道有什么工具可以为浏览会话分析CSS和JS函数的使用情况(假设浏览会话涵盖所有页面和js函数并单击)，并报告未使用的内容，以便开发人员可以在构建阶段安全地将它们移除，从而将有效负载降至最低？

以上内容适用于任何站点，而不仅仅是那些使用引导模板和jQuery插件的站点。

Answer 1

我知道，通过Chrome的审计，你可以检查你的CSS文件被使用的百分比，这将有助于缩小范围；尽管只适用于某些页面。

​

​

有时最好的清理方法就是选择一个设计(功能/风格/等等)丢弃其余部分，它可能会破坏系统上的功能和外观，而且可能会很繁琐，但至少你知道这项工作是正确的。

你们中的一些人可能不同意，但这将是我处理这项工作的方式。

Answer 2

我不确定我是否完全理解了你的问题，但Chrome和火狐都有非常好的分析工具(开发人员工具，分别是FireBug)，它们将为你提供一个非常好的概述所使用的ECMAscript代码/方法和时间+性能。

如果您正在询问如何在会话期间动态删除样式表和/或Javascript，那么答案非常简单。删除CSS / Stylesheets是完全没有问题的(它们将从内存中删除，并失去到站点的任何链接)。问题开始于Javascript，没有办法动态地移除/卸载一次加载的Javascript代码。例如，您当然可以删除<script>元素，但代码将永远留在内存中并有效。