blocks|key|3042538|text|是的，这是可能的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3042539|右击断点的标记并选择“编辑断点...”您可以在那里设置条件。|3042540|来自developers.google.com的Chrome+Developer+Tools+on+Breakpoints+(强调我的观点)：|offset|length|3042541|3042542|注意:您设置的所有断点都会出现在右侧栏中的断点下。单击该条目将跳转到源文件中突出显示的行。设置断点后，右键单击蓝色标记断点指示器，以便为该断点设置一个条件语句。键入表达式，只有当条件为真时，断点才会暂停。|blockquote|3042543|3042544|entityMap|0|LINK|mutability|MUTABLE|url|https://developers.google.com/web/tools/chrome-devtools/javascript/breakpoints#conditional-loc^0|0|0|O|11|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@$F|X|G|Y|1|Z]]|A|$]]|$1|H|3|-4|5|6|7|10|8|@]|9|@]|A|$]]|$1|I|3|J|5|K|7|11|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

Yes, it is possible.

Right click the marker of the breakpoint and select "Edit breakpoint..." there you can set the condition.

From <a href="https://developers.google.com/web/tools/chrome-devtools/javascript/breakpoints#conditional-loc" rel="noreferrer">Chrome Developer Tools on Breakpoints</a> at developers.google.com (Emphasis mine):

<blockquote>
 Note: All the breakpoints you have set appear under Breakpoints in the right-hand sidebar. Clicking on the entry jumps to the highlighted line in the source file. Once you have a breakpoint set, right click on the blue tag breakpoint indicator to set a conditional statement for that breakpoint. Type an expression and the breakpoint will only pause only if the condition is true.
</blockquote>

blocks|key|2830010|text|看一看debugger语句。基本上，它调用任何可用的调试器工具，在Chrome中，它的行为就像解释器遇到了断点一样。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2830011|你的代码应该是：|2830012|s+=+date.getSeconds();
if+(s+==+50)+{
+++debugger;
}|code-block|syntax|javascript|2830013|来自reference|2830014|2830015|调试器调用任何可用的调试功能。如果没有可用的调试功能，则此语句无效。|blockquote|2830016|2830017|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Statements/debugger^0|3|8|0|0|0|2|9|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@$9|12|A|13|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|14|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|15|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|16|8|@]|D|@$9|17|A|18|1|19]]|E|$]]|$1|O|3|-4|5|6|7|1A|8|@]|D|@]|E|$]]|$1|P|3|Q|5|R|7|1B|8|@]|D|@]|E|$]]|$1|S|3|-4|5|6|7|1C|8|@]|D|@]|E|$]]|$1|T|3|-4|5|6|7|1D|8|@]|D|@]|E|$]]]|U|$V|$5|W|X|Y|E|$Z|10]]]]

Take a look at <code>debugger</code> statement. Basically it invokes any debugger tools available, and in Chrome it acts as if interpreter met a breakpoint. 

Your code would be:

<pre><code>s = date.getSeconds();
if (s == 50) {
 debugger;
}
</code></pre>

From <a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Statements/debugger" rel="noreferrer">reference</a>:

<blockquote>
 [debugger] Invokes any available debugging functionality. 
 If no debugging functionality is available, this statement has no effect.
</blockquote>

blocks|key|199792|text|您可以通过以下步骤在Google+Chrome中设置条件断点：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|199793|1.右键单击要停止的断点，请点击|199794|📷|atomic|offset|length|199795|​|199796|2.点击“添加条件断点”，将出现一个文本，您可以添加条件(如果条件满足，则结果为'true‘，否则为'false')，添加条件后，断点颜色变为橙色，勾选|199797|199798|199799|3.重新加载同一页您可以看到，如果满足条件，断点将会工作，如下所示|199800|199801|199802|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/f84d3b5b01fd34cf922020c738b925b1.png|imageAlt|1|https://ask.qcloudimg.com/http-save/yehe-900000/2781915fd24bc120c51289eb0ade2112.png|2|https://ask.qcloudimg.com/http-save/yehe-900000/b4e62c626180d250a98034b981327237.png^0|0|0|0|1|0|0|0|0|0|1|1|0|0|0|0|1|2|0|0^^$0|@$1|2|3|4|5|6|7|15|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|16|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|17|8|@]|9|@$G|18|H|19|1|1A]]|A|$]]|$1|I|3|J|5|6|7|1B|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|1C|8|@]|9|@]|A|$]]|$1|M|3|E|5|F|7|1D|8|@]|9|@$G|1E|H|1F|1|1G]]|A|$]]|$1|N|3|J|5|6|7|1H|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|1I|8|@]|9|@]|A|$]]|$1|Q|3|E|5|F|7|1J|8|@]|9|@$G|1K|H|1L|1|1M]]|A|$]]|$1|R|3|J|5|6|7|1N|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|1O|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z|10|-4]]|11|$5|V|W|X|A|$Y|12|10|-4]]|13|$5|V|W|X|A|$Y|14|10|-4]]]]

You can set a conditional break point in Google Chrome, by following these steps:

1.right click the breakpoint where u want to stop,please chk on 
<a href="https://i.stack.imgur.com/UnDQy.png" rel="noreferrer"><img src="https://i.stack.imgur.com/UnDQy.png" alt="enter image description here"></a>

2.click "Add conditional breakpoint",one text will be appear,there u can add condition (the result will be 'true' if the condition satisfied ,else 'false'),
the breakpoint color will goto orange after the condition added,chk on 
<a href="https://i.stack.imgur.com/qwvxM.png" rel="noreferrer"><img src="https://i.stack.imgur.com/qwvxM.png" alt="enter image description here"></a>

3.reload same page u can see the breakpoint will work if the condition is satisfied like 
<a href="https://i.stack.imgur.com/8T45f.png" rel="noreferrer"><img src="https://i.stack.imgur.com/8T45f.png" alt="enter image description here"></a>

I have this simple a js file , which prints date continosly .

I am using Google Chrome Debugger tools (F12)

My question is , Is it possible to set a conditional break point in Google Chrome ??

In my code , i want to set a break point if the seconds value is equal to 50 ??

<pre><code>s = date.getSeconds();
</code></pre>

<a href="http://jsfiddle.net/nVpXN/1/">This</a> is the jsfiddle where my source is

(Not sure why its not working in jsfiddle)

Anyway my question is ,Is it possible to Set a Conditinal Break Point in chrome Debugger tools ??

JavaScript :How to set a Conditional Break Point in Chrome debugger tools

我有一个简单的js文件，它连续打印日期。我正在使用谷歌Chrome调试器工具(F12)我的问题是，是否可以在Google Chrome中设置条件断点??在我的代码中，如果秒值等于50，我想设置一个断点。s = date.getSeconds();是我的源代码所在的jsfiddle(不确定为什么它不能在jsfiddle中...

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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