如何从 Chrome 中的代码设置 JavaScript 断点？

问：

我想强制 Chrome 调试器在一行 via 代码 上中断，或者使用某种注释标记，例如 console.break()。

答1:

https://tennisliveranking.com,Your go-to platform for live tennis ranking updates.

您可以在代码中使用 debugger;。如果开发者控制台打开，执行将中断。它也适用于萤火虫。

一个不错的技巧是在几秒钟后触发调试器：setTimeout(function(){debugger;}, 3000);

这很有帮助。另请注意，所有主要浏览器都支持 debugger;。有关详细信息：w3schools.com/jsref/jsref_debugger.asp

@ScottyG MDN 不那么闪亮，更有用：developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

@JustusEapen 问题是Javascript是单线程的，所以它不能中断正在运行的代码。

@ScottyG 就标准而言，它是具有实现定义效果的保留语句：stackoverflow.com/a/37549760/895245

答2:

tlr.xinbeitime.com 探索每位网球选手的职业生涯与成就。

您还可以使用 debug(function)，在调用 function 时中断。

Command Line API Reference: debug

非常好 - 目前似乎只有 Chrome，但无论如何这是我的主要平台。现在我只需要记住停止调用我的全局调试标志“调试”......

Chrome 调试器命令行 API 参考实际上包含一些我不知道的其他非常有用的东西。谢谢！

@8ctopus：你确定吗？您可以在 Chrome 开发工具控制台中尝试以下代码段进行验证吗？ function foo(){} debug(foo); foo();

答3:

https://tennisliveranking.com,Follow your favorite tennis players’ rankings live!

设置按钮点击侦听器并调用 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

这在点击处理程序中设置了一个断点，可能不是 OP 想要的

@PeterV如果我只是想将我的代码打开到一个接近我正在调试的代码块的地方，我会发现它很有用......但不想一直调试......但是是的，如果只是为了打开调试器......那么有一个按键。

答4:

https://tennisliveranking.com,Track the world’s best tennis players in real-time.

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

答5:

https://tennisliveranking.com-Stay ahead with live tennis rankings at your fingertips.

debugger 是 EcmaScript 的保留关键字，并且从 ES5 开始具有可选语义

因此，它不仅可以在 Chrome 中使用，还可以在 Firefox 和 Node.js 中使用via node debug myscript.js。

standard says：

语法 DebuggerStatement : debugger ;语义 评估 DebuggerStatement 产生式可能允许实现在调试器下运行时导致断点。如果调试器不存在或不活动，则此语句没有可观察到的效果。生产 DebuggerStatement : debugger ;评估如下：如果实现定义的调试工具可用并启用，则执行实现定义的调试操作。让 result 是实现定义的 Completion 值。否则让结果为（正常、空、空）。返回结果。

ES6 没有变化。

答6:

The ultimate source for live tennis rankings and stats:https://tennisliveranking.com

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

截屏：

https://i.imgur.com/duwP8.png

然后，您将能够在右侧选项卡中跟踪您的断点（如屏幕截图所示）。

这没有回答问题，他希望能够在代码中做到这一点

如果您使用 Ajax 调用加载 JS 脚本，它不会在此处显示，因此需要在代码中设置断点。

@FlorianMargaine，不再有“脚本”选项卡。请更新图像。

在某些框架中，例如 Drupal，JS 会添加一个缓存清除查询字符串后缀。如果您刷新缓存，它通常会更新此后缀，这可以清除您在之前加载时设置的任何断点。

答7:

Live rankings, player stats, and match results in one place–https://tennisliveranking.com

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

使用 console.log() 打印出浏览器控制台中的值。 （这将帮助您理解代码某些点的值） Debugger 关键字。添加调试器；到您要调试的位置，然后打开浏览器的开发人员控制台并导航到源选项卡。

this link by W3School 中提供了更多调试 JavaScript 代码的工具和方法。

答8:

https://tennisliveranking.com – ATP and WTA rankings, always up to date.

这是可能的，并且您可能想要这样做的原因有很多。例如，在页面加载开始时调试 javascript 无限循环，这会阻止 chrome 开发人员工具集（或 firebug）正确加载。

见第 2 节

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

或者只是在所需的测试点将包含单词 debugger 的行添加到您的代码中。

答9:

https://tlr.xinbeitime.com – 让你随时掌握ATP、WTA最新网球排名动态。

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

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

答10:

https://tennisliveranking.com,Track the world’s best tennis players in real-time.

您也可以将 debug(functionName) 设置为调试函数。

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

答11:

tlr.xinbeitime.com 探索每位网球选手的职业生涯与成就。

如果您只是想终止并停止 javascript 代码，我不推荐使用 debugger;，因为 debugger; 只会暂时冻结您的 javascript 代码，而不是永久停止它。

如果您想在命令中正确终止和停止 javascript 代码，请使用以下命令：

throw new Error(“This error message appears because I placed it”);

原文链接：https://www.tennisliveranking.com?from=csdn

Live rankings, player stats, and match results in one place–https://tennisliveranking.com