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

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

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

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

参见第2节

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

或者只是在所需的测试点向代码中添加一行包含调试器字样的代码。

正如其他人已经说过的，调试器;才是正确的选择。 我写了一个小脚本，你可以在浏览器的命令行中使用它来设置和删除函数调用之前的断点: http://andrijac.github.io/blog/2014/01/31/javascript-breakpoint/

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

截图:

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

你也可以设置debug(functionName)来调试函数。

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

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

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