有没有一种有效的方法可以找到哪些JavaScript包含未被使用？

Question

我继承了一个非常复杂且包含大量<script src=...的页面。

我怀疑很多包含都没有使用过。有没有办法弄清楚哪些不使用？

Answer 1

Chrome 59包含new Coverage tool，可以通过DevTools中的3点菜单启用。

您应该能够启用该工具，浏览网站并执行脚本操作，然后查看实际调用的行。未调用的文件将显示为红色（没有行运行）。

编辑如评论中所述，这仍然不是最佳解决方案，因为它只会检测实际运行的行。正如@adeneo所提到的，由于JS的复杂性，几乎不可能静态地确定代码的哪些部分会运行。

如果这是XY Problem实际上旨在减少初始HTTP请求的数量，那么简单地连接所有必需文件并缩小（HTTP / 1.1）或调查grouping related assets and serving via HTTP/2.可能是个好主意。 }