如何在浏览器中找到JS代码？

Question

我正在使用bootstrap模式，我不知道在单击按钮后我在哪里放了触发模态的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