2013-08-01 58 views
2

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

编辑:

我工作的插件是在这里:http://blueimp.github.io/jQuery-File-Upload/。当点击添加文件按钮,文件load-image.min.js is called(在铬调试器的网络部分),我不知道它是如何调用的

+1

右边有一段显示了当你在错误或断点处停止时的堆栈跟踪,是不是你需要的信息? – Barmar

+0

@Barmar不完全,实际上我现在注意到这个文件必须是一些Ajax调用,因为我在调试器的网络部分看到它。但我不知道是什么触发了这个Ajax调用... – user1611830

+0

它可能使用'.loadScript()'之类的东西。 – Barmar

回答

2

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

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

这也将是可行的:

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

在Chrome开发人员工具术语(用Ctrl + Shift + J打开),你有几个选项。您所描述的最接近的是“个人资料”工具。单击该选项卡,选择“收集JavaScript CPU配置文件”,然后运行分析器几节。它将返回一个由你的CPU执行的函数列表以及它们花费的时间。

+0

他问这是怎么发生的? –

+0

@MESSIAH的确如此。事实上,我现在注意到这个文件必须是一些Ajax调用,因为我在我的调试器的“网络”部分看到它 – user1611830

+0

所以你想知道一个特定的脚本可能最终被加载到你的网页上? –

2

如果您想要捕获AJAX呼叫,请使用Javascript调试器的XHR断点部分。点击+添加断点,并在提示输入字符串以匹配URL时输入load-image