javascript - 如何找到 JS 代码在浏览器中运行？

Question

我正在使用引导模式，我不知道我将单击按钮后触发模式的js代码放在哪里。

jQuery('#signin').modal('show');

我检查了每个文件......甚至检查了浏览器中源代码中的每个 JS 文件。

当我单击按钮打开模式时，如何在浏览器中找到触发事件的代码？

Answer 1

使用浏览器的开发者工具，允许您执行 Javascript 调试。您最好的选择很可能是 Firebug。如果您在 JS 文件中的一行设置调试点，firebug 将允许您检查堆栈以查看哪一行调用了该函数。

指示

1. 在 Firebug 中，单击脚本选项卡。
2. 使用下拉菜单选择您的 .js 文件。
3. 当JS文件显示时找到目标行并单击它的左侧，设置一个调试点。
4. 加载您的页面，脚本应该在您的调试点停止。
5. 单击右侧的堆栈选项卡并检查。

在 Firebug 中搜索脚本

如果您单击脚本选项卡，您可以在 firebug 的右上角输入一段已知的脚本，这应该会将您带到它在代码中的位置。

Answer 2

我同意 Kevin 的观点，另一种选择是使用以下内容打印堆栈跟踪：http: //www.codeovertones.com/2011/08/how-to-print-stack-trace-anywhere-in.html