设置按钮点击监听器并调用调试器;

例子

$("#myBtn").click(function() {
 debugger;   
});

Demo

http://jsfiddle.net/hBCH5/

JavaScript中调试的资源

http://www.laurencegellert.com/2012/05/the-three-ways-of-setting-breakpoints-in-javascript/ http://berzniz.com/post/78260747646/5-javascript-debugging-tips-youll-start-using-today

调试JavaScript代码的方法有很多。以下两种方法被广泛用于通过代码调试JavaScript

使用console.log()在浏览器中打印出值 控制台。(这将帮助您理解某些点上的值 你的代码) 调试器的关键字。添加调试器;去你想去的地方 调试，然后打开浏览器的开发人员控制台并导航到 来源选项卡。

有关调试JavaScript代码的更多工具和方法，请参见W3School提供的这个链接。

断点:- 断点将停止执行，并让您检查JavaScript值。 检查值之后，可以继续执行代码(通常使用播放按钮)。 调试器: 调试器;停止JavaScript的执行，并调用调试函数。 调试器语句暂停执行，但它不会关闭任何文件或清除任何变量。

Example:-
function checkBuggyStuff() {
  debugger; // do buggy stuff to examine.
};

这个Git预提交钩子可以从merb项目中删除错误的调试器语句

如果想在提交时删除调试器断点，可能有用

你可以使用调试器;在你的代码中。如果开发人员控制台是打开的，执行将中断。它也适用于firebug。

在“Scripts”选项卡上，转到代码所在的位置。在行号左侧，单击。这将设置一个断点。

截图:

然后，您将能够在正确的选项卡中跟踪断点(如屏幕截图所示)。