JavaScript：如何在Chromedebugging器工具中设置条件断点

我有这个简单的JS文件，不断打印date。

我正在使用Google Chromedebugging器工具（F12）

我的问题是， 是否可以在Google Chrome中设置一个条件转折点？

在我的代码中，如果秒数等于50，我想设置一个断点。

s = date.getSeconds(); 

这是我的来源是jsfiddle

（不知道为什么它不工作在jsfiddle）

无论如何，我的问题是，是否有可能在chromedebugging器工具中设置一个条件断点？

Answer 1

对的，这是可能的。

右键单击断点的标记并select“编辑断点…”，您可以在其中设置条件。

来自developers.google.com的断点上的Chrome开发人员工具 （Emphasis mine）：

注意：您设置的所有断点都出现在右侧边栏的“断点”下。 点击该条目跳转到源文件中突出显示的行。 一旦设置了断点，右键单击蓝色标记断点指示符以为该断点设置条件语句 。 input一个expression式，断点只有在条件为真时才会暂停。

Answer 2

看看debugger语句。 基本上它调用任何可用的debugging工具，在Chrome中，它就像解释器遇到断点一样。

你的代码是：

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

从参考 ：

[debugging器]调用任何可用的debuggingfunction。 如果没有可用的debuggingfunction，则该语句不起作用。

Answer 3

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

1.点击你想要停止的断点，请点击

2.点击“添加条件断点”，出现一个文本，可以添加条件（条件满足则返回true，否则返回false），条件添加后断点颜色变为橙色， chk on

3.如果条件满足，重新载入相同的页面可以看到断点将工作