javascript - 页面加载时未使用哪些 javascript 文件

标签 javascript pageload

是否有可能找出网页上未使用哪些 javascript 文件,而无需添加控制台日志或调试或删除它们以查看是否出现问题?

我正在寻找一个工具,或命令行脚本或 firefox 插件等。

例如,假设我将这些包含在 header 中:

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/functions.js"></script>
<script type="text/javascript" src="js/validation.js"></script>
<script type="text/javascript" src="js/something.js"></script>

在页面上,只会调用functions.jsvalidation.jsjquery.js 中的函数。我怎么知道 something.js 没有被使用,因此可以安全地从 header 中删除?

我试过通过 FireBug、chrome 的控制台、yslow 和服务器日志之类的东西进行 root,但这些都告诉我加载了哪些脚本,即所有脚本,而不是哪些已被使用。

最佳答案

据我所知,没有简单的“此文件正在使用/未使用”检测机制,因为在 JavaScript 中调用、扩展和引用事物的方法太多了。

有许多方法可以调用一个函数,例如在元素的 click 事件中,eval() 语句...您可以在脚本文件中扩展现有类的原型(prototype)...等等。此外,您可以通过 AJAX 获取新标记,而不是反过来从某个包含引用函数,如果不获取内容就无法自动测试。

除非有人想出一个工具来解决这个问题(我不是说这是不可能的,只是它非常难)我会说用一个好的 IDE 和搜索功能手动解决这个问题是最好的方法去做吧。

关于javascript - 页面加载时未使用哪些 javascript 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3100040/

相关文章:

javascript - Angular 多重过滤器,第二个过滤器是空的?

javascript - Facebook 登录按钮 onlogin ="function"给出 ReferenceError

java - 我们是否有任何通用函数来检查页面是否已完全加载到 Selenium 中

javascript - 包含 javascript 的最有效方法?

asp.net-mvc - MVC 中的页面加载事件

asp.net - 为什么 Visual Studio 默认为 WebForms 提供 Page_Load?

javascript - 如何修复此 Off-Canvas 导航

javascript - 将 JavaScript 对象添加到多个数组

javascript - 如何使用带有函数的 Highcharts 获取工作范围选择器?

node.js - Nodejs + phantomjs 与纯 phantomjs - 页面加载时间