2

在我的 chrome 控制台中,我试图了解导致调用某些javascript文件的步骤。确实,当我在单击输入文件标签后从计算机导入文件时,会调用一些 javascript 文件,但我不知道是哪个方法调用它。如何在我的调试器(chrome-console)中追溯它?

编辑 :

我正在开发的插件在这里:http ://blueimp.github.io/jQuery-File-Upload/ 。单击添加文件按钮时,文件load-image.min.js is called(在chrome调试器的部分网络中),我不知道它是如何准确调用的

4

2 回答 2

2

如果要捕获 AJAX 调用,请使用 Javascript 调试器的XHR Breakpoints部分。单击+添加断点,然后load-image在提示中输入与 URL 匹配的字符串。

于 2013-08-01T17:16:24.400 回答
2

首先,要知道当你“调用”一个 JavaScript 文件(我认为你的意思是“导入”)时,不会触发任何特定的函数。如果您希望在加载时触发任何函数,则需要在 JavaScript 文件的全局空间中调用该函数。通常,这是通过创建单个自调用函数来完成的。例如,此代码将定义一个名为 'foo' 的函数,并在加载 JavaScript 文件时调用它:

(function foo() {
   ...
})();

这也是可行的:

function foo() {
  ...
}
foo();

对于 Chrome 开发者工具(使用 Ctrl+Shift+J 打开),您有几个选择。最接近您描述的是“配置文件”工具。单击该选项卡,选择“收集 JavaScript CPU 配置文件”,然后为几个部分运行分析器。它将返回您的 CPU 执行的函数列表以及在其中花费的时间。

于 2013-08-01T16:43:12.463 回答