简码编程ChromeDevTools系列

北京看白癜风哪间医院最专业 http://pf.39.net/xwdt/241122/f2umtnn.html
简码编程：ChromeDevTools系列教程46

简码编程每天和你分享编程相关的知识和技巧，今天我们继续分享一个ChromeDevTools的小技巧“设置条件断点”。

第一步。打开百度，按F12打开ChromeDevTools，点“Sources”页，点“Snippets”，点“Newsnippet”，这样就新建了一个代码片段文件。

简码编程：ChromeDevTools系列教程46

第二步。输入JS代码“test=function(num){console.log(您传入的数字是：+num);}”然后点右下角的Ctrl+Enter运行。

第三步。无断点测试。

在底部的console里输入test()回车执行，因为现在还没有添加断点，所以它会直接运行输出“您传入的数字是：”。

第四步。添加条件断点。在侧边栏上右键点菜单项添加“条件断点”，条件为“num3”。

简码编程：ChromeDevTools系列教程46

第五步。有条件断点测试。在底部的console里输入test()回车执行，因为已经添加了条件断点，并且传入的参数大于3，所以它会运行到“console.log”行暂停，在右侧的调试面板中我们可以看到当前断点的函数名、传入的参数，所属上级对象等信息。

简码编程：ChromeDevTools系列教程46

快来跟简码编程练习一遍掌握这个小技巧吧。

转载请注明：http://blog.hzbdfjk.com/jbzs/8110.html