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

Question

我有一个简单的js文件，可以连续打印日期。

我正在使用Google Chrome调试工具（F12）

我的问题是，是否可以在Google Chrome中设置条件断点？

在我的代码中，如果秒值等于50 ??

，我想设置一个断点

s = date.getSeconds();

This是我的来源

的jsfiddle

（不确定为什么它不能在jsfiddle中工作）

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

Answer 1

是的，这是可能的。

右键单击断点的标记，然后选择“编辑断点...”，可以设置条件。

来自developers.google.com的Chrome Developer Tools on Breakpoints（强调我的）：

  

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

Answer 2

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

您的代码将是：

s = date.getSeconds();
if (s == 50) {
   debugger;
}

来自reference：

  

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

Answer 3

您可以按照以下步骤在Google Chrome中设置条件转折点：

1.右键单击要停止的断点，请点击

2.点击＆＃34;添加条件断点＆＃34;，将出现一个文本，你可以添加条件（结果将是＆＃39; true＆＃39;如果条件满足，否则＆＃39假＆＃39）， 添加条件后，断点颜色将转到橙色，chk on

3.reload same page如果条件满足，你可以看到断点将起作用