如何查找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

我与凯文同意，另一种选择是使用类似打印的堆栈跟踪： http://www.codeovertones.com/2011/08/how-to-print-stack-trace-anywhere-in.html