如何通过Chrome中的代码设置JavaScript断点?

2020/09/22 00:21 · javascript ·  · 0评论

我想强制Chrome调试器通过代码或使用某种注释标签(例如)来中断一行代码console.break()

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

您也可以使用debug(function),中断function被调用的时间。

命令行API参考:调试

设置按钮点击监听器,然后调用 debugger;

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

演示版

http://jsfiddle.net/hBCH5/

JavaScript调试资源

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

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

屏幕截图:

chrome中的断点屏幕截图

然后,您将能够在右侧选项卡中跟踪断点(如屏幕截图所示)。

debugger 是EcmaScript的保留关键字,自ES5起提供了可选的语义

结果,不仅可以在Chrome中使用它,还可以通过来在Firefox和Node.js中使用它node debug myscript.js

标准说

句法

DebuggerStatement :
    debugger ;

语义学

评估DebuggerStatement生产可能会允许实现在调试器下运行时导致断点。如果调试器不存在或未处于活动状态,则此语句无效。

生产DebuggerStatement:调试器; 评估如下:

  1. 如果实现定义的调试工具可用并已启用,则

    1. 执行实现定义的调试操作。
    2. 令result为实现定义的完成值。
  2. 其他

    1. 令结果为(正常,空,空)。
  3. 返回结果。

ES6中没有更改。

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

参见第2节

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

或仅在所需的测试点将包含调试器一词的行添加到您的代码中。

断点

断点将停止执行,并让您检查JavaScript值。

检查值之后,您可以继续执行代码(通常使用播放按钮)。

调试器:

调试器;停止执行JavaScript,并调用调试功能。

debugger语句暂停执行,但不会关闭任何文件或清除任何变量。

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

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

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

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

  1. 使用console.log()浏览器控制台打印出来的值。(这将帮助您了解代码某些点的值)

  2. 调试器关键字。将添加debugger;到要调试的位置,然后打开浏览器的开发人员控制台并导航到“源”选项卡。

W3School此链接中提供了更多调试JavaScript代码的工具和方式

我不建议debugger;您只是想杀死并停止javascript代码,因为debugger;这只会暂时冻结您的javascript代码而不是永久停止它。

如果要在命令中正确终止并停止javascript代码,请使用以下命令:

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

本文地址:http://javascript.askforanswer.com/ruhetongguochromezhongdedaimashezhijavascriptduandian.html
文章标签: ,   ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!