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

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

#1楼

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

#2楼

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

屏幕截图：

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

#3楼

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

参见第2节

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

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

#4楼

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

#5楼

设置按钮单击侦听debugger;并调用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

#6楼

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

结果，它不仅可以在Chrome中使用，而且可以通过node debug myscript.js在Firefox和Node.js中使用。

标准说：

句法
 DebuggerStatement : debugger ; 
语义学

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

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

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

执行实现定义的调试操作。

令result为实现定义的完成值。

其他
令结果为（正常，空，空）。

返回结果。

ES6中没有更改。

#7楼

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

命令行API参考：调试

#8楼

断点

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

检查值之后，您可以继续执行代码（通常使用播放按钮）。

调试器：-

调试器；停止执行JavaScript，并调用调试功能。

debugger语句挂起执行，但不会关闭任何文件或清除任何变量。

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

#9楼

您还可以设置debug(functionName)来调试函数。

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

#10楼

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

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

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

如何通过Chrome中的代码设置JavaScript断点？相关推荐

.net中C#代码与javaScript函数的相互调用问题
.net中C#代码与javaScript函数的相互调用问题. 问: 1.如何在JavaScript访问C#函数? 2.如何在JavaScript访问C#变量? 3.如何在C#中访问JavaScript ...
Winform中通过代码设置DevExpress的TextEdit的类型为Numbernic
场景使用DevExpress的EditText控件时,需要限制其输入类型为数字. 正常来说是窗体上拖拽一个TextEdit,然后在设计窗口点击小三角,选择Change Mask 但是如果说TextE ...
新版谷歌浏览器怎么查找和改变编码格式（新版chrome中工具，设置编码功能取消，新版如何添加插件）
今天在家开发一个项目,无意中在解决一个乱码问题,后台是有过判断解决兼容性问题,但是有个别电脑还是有乱码问题,就去想改变下前台的编码格式,突然发现一向好用的谷歌,居然找不到编码格式了!原来自己把chro ...
android 设置壁纸代码,我如何在Android中使用代码设置壁纸？(How can I set Wallpaper in a...
您可以尝试调整您的位图这样的 DisplayMetrics displayMetrics = new DisplayMetrics(); getWindowManager().getDefaultDi ...
JavaScript和Chrome中的SSDP发现
目录介绍什么是SSDP? 在Chrome中使用UDP的要求使用UDP执行SSDP的步骤发现设备!现在怎么办? 从Chrome中的HTML和JavaScript内发现使用SSDP的本地设备下载 ...
Chrome 中的 JavaScript 断点设置和调试技巧
你是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容.嗯~,用 ...
如何在 Chrome 中执行 JavaScript 代码
前言要在浏览器中执行 JavaScript 脚本,首先你的浏览器得支持.现在主流推荐 Chrome 浏览器,也可以使用基于 Chromium的 Edge 浏览器.下面来介绍如何在 Chrome 中打 ...
在Chrome 中调试Javascript
在前面的两篇文章中我们讲了如何在IE中调试Javascript和在Visual Studio中调试Javascript,在本篇内容中,我们讲一下如何在谷歌 Chrome中调试Javascript. C ...
一起谈.NET技术，Visual Studio 2010 中的代码约定设置
软件约定称为代码约定,通过这一约定可以表示代码正常工作所需的正式条件. 如果方法未按预期收到数据或生成的数据不符合预期的后置条件,代码约定将导致代码引发异常. 有关前置条件和后置条件的概述,您可能需要 ...

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

#1楼

#2楼

#3楼

#4楼

#5楼

#6楼

#7楼

#8楼

#9楼

#10楼

如何通过Chrome中的代码设置JavaScript断点？相关推荐

最新文章

热门文章