如何设置从代码在Chrome一个JavaScript断点？如何设置从代码在Chrome一个JavaS

我想迫使Chrome的调试器通过代码 ，或者使用某种注释标签的突破上线，如像console.break()

Answer 1:

您可以使用debugger; 你的代码中。如果开发者控制台打开时，执行将中断。它的工作原理在Firebug为好。

Answer 2:

设置一个按钮，点击监听器和调用debugger;

例

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

演示

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

Answer 3:

您也可以使用debug(function) ，打破了当function被调用。

命令行API参考：调试

Answer 4:

至于其他已经说过， debugger; 是要走的路。我写了一个小脚本，您可以在命令行中使用浏览器来设置和之前的函数调用删除断点权： http://andrijac.github.io/blog/2014/01/31/javascript-breakpoint/

Answer 5:

在“脚本”选项卡，转到你的代码。在行号的左侧，单击。这将设置一个断点。

截图：

然后，您就可以正确的标签内追踪您的断点（如截图所示）。

Answer 6:

debugger is a reserved keyword by EcmaScript and given optional semantics since ES5

As a result, it can be used not only in Chrome, but also Firefox and Node.js via node debug myscript.js.

The standard says:

Syntax
DebuggerStatement :
    debugger ;
Semantics

Evaluating the DebuggerStatement production may allow an implementation to cause a breakpoint when run under a debugger. If a debugger is not present or active this statement has no observable effect.

The production DebuggerStatement : debugger ; is evaluated as follows:

If an implementation defined debugging facility is available and enabled, then

Perform an implementation defined debugging action.

Let result be an implementation defined Completion value.

Else

Let result be (normal, empty, empty).

Return result.

No changes in ES6.

Answer 7:

这是可能的，还有你可能想这样做的原因有很多。例如调试一个JavaScript无限循环接近页面加载的开始，从正确加载停止Chrome开发者工具包（或萤火虫）。

见第2

http://www.laurencegellert.com/2012/05/the-three-ways-of-setting-breakpoints-in-javascript/

或者只是在需要的测试点添加包含单词调试一行代码。

Answer 8:

断点： -
断点将停止执行，并让您检查JavaScript的值。
检查值后，您可以继续执行代码（通常与一个播放按钮）。
调试器： -
调试器; 停止的JavaScript的执行，并callsthe调试功能。
调试语句暂停执行，但它并没有关闭任何文件或清除任何变量。

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

Answer 9:

您可以设置debug(functionName)调试功能以及。

https://developers.google.com/web/tools/chrome-devtools/javascript/breakpoints#function

Answer 10:

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

使用console.log()打印出来的值在浏览器控制台。（这将帮助你了解值在你的代码的某些点）
调试器关键字。添加debugger; 该位置要调试，并打开浏览器的开发者控制台并导航到源选项卡。

对于更多的工具和方法，使你调试JavaScript代码中给出的W3School这个链接。

文章来源: How to set a JavaScript breakpoint from code in Chrome?