Question

在我的chrome控制台中，我试图了解导致调用某些javascript文件的步骤。实际上，当我在点击输入文件标签后从我的计算机导入文件时，会调用一些javascript文件，但我不知道哪种方法称为它。如何在调试器（chrome-console）中追溯它？

编辑：

我正在处理的插件位于：http://blueimp.github.io/jQuery-File-Upload/。单击添加文件按钮时，文件load-image.min.js is called（在chrome调试器的网络部分中）并且我不知道它是如何被完全调用的

Answer 1

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

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

这也是可行的：

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

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

Answer 2

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

追溯javascript调用

2 个答案: