JavaScript:如何在Chrome调试工具中设置条件断点

Paw*_*wan 94 javascript google-chrome

我有这个简单的js文件,它会连续打印日期.

我正在使用Google Chrome调试工具(F12)

我的问题是,是否可以在谷歌浏览器中设置条件断点?

在我的代码中,如果秒值等于50,我想设置一个断点.

s = date.getSeconds();
Run Code Online (Sandbox Code Playgroud)

是我的源码所在的jsfiddle

(不知道为什么它不能在jsfiddle中工作)

无论如何我的问题是,是否可以在chrome Debugger工具中设置一个条件断点?

The*_*aot 136

对的,这是可能的.

右键单击断点的标记并选择"编辑断点...",您可以在其中设置条件.

来自developers.google.com(强调我的)断点上的Chrome开发者工具:

注意:您设置的所有断点都显示在右侧边栏的"断点"下.单击该条目将跳转到源文件中突出显示的行.设置断点后,右键单击蓝色标记断点指示符以设置该断点的条件语句.键入表达式,断点仅在条件为真时才暂停.

  • 您甚至不需要添加断点来开始.只需右键单击一行,然后单击*"添加条件断点..."*. (6认同)
  • @PreethiJain只写条件"s == 50"(不带引号).顺便说一句,我设法在jsfiddle工作:http://jsfiddle.net/nVpXN/6/ (2认同)
  • 伙计,现在是 2017 年,我正在学习有关 Chrome 的新基本知识。#真棒 (2认同)

mad*_*end 25

看一下debugger声明.基本上它会调用任何可用的调试工具,而在Chrome中它就像解释器遇到断点一样.

你的代码是:

s = date.getSeconds();
if (s == 50) {
   debugger;
}
Run Code Online (Sandbox Code Playgroud)

参考:

[debugger]调用任何可用的调试功能.如果没有可用的调试功能,则此语句无效.


Dee*_*Raj 8

您可以按照以下步骤在Google Chrome中设置条件断点:

1.右键单击要停止的断点,请点击 在此输入图像描述

2.单击"添加条件断点",将出现一个文本,您可以添加条件(如果条件满足则结果为'true',否则为'false'),断点颜色将在添加条件后转到橙色, chk on 在此输入图像描述

3.reload same page如果条件满足,你可以看到断点会起作用 在此输入图像描述