4

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

由于其中一些样式和 JS 函数可以动态调用,并且由于项目非常庞大,因此手动检查是一项非常乏味的工作,因此您是否知道任何可以分析 CSS 和 JS 函数使用情况的工具浏览会话(假设浏览会话涵盖所有页面和 js 功能和点击)并报告未使用的会话,以便开发人员可以在构建阶段安全地将它们删除到生产中以将有效负载保持在最低限度?

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

4

2 回答 2

1

我知道通过 Chrome 的审核,您可以检查CSS文件的使用百分比,这将有助于缩小范围;仅适用于某些页面。

Chrome 的审核

有时,进行清理的最佳方法就是选择一个设计(功能/样式/等)并放弃其余的,它可能会破坏系统的功能和外观,并且可能很乏味,但至少你知道工作已经完成就在那时。

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

于 2013-07-05T12:31:04.263 回答
0

我不确定我是否完全理解您的问题,但ChromeFirefox都有非常好的分析工具(开发者工具,分别为FireBug ),它们将为您提供使用的ECMAscript代码/方法和时间+性能的一个很好的概述。

如果您询问如何在会话期间动态删除样式表和/或 Javascript,它非常简单。删除CSS /样式表完全没有问题(它们将从内存中删除,并会丢失任何指向该站点的链接)。问题从 Javascript 开始,无法动态删除/卸载曾经加载的 Javascript 代码。例如,您当然可以删除<script>元素,但代码将保留在内存中并永远有效。

于 2013-07-05T12:33:19.590 回答