在JS代码中打断点
原创
©著作权归作者所有:来自51CTO博客作者小大宇51CTO的原创作品,请联系作者获取转载授权,否则将追究法律责任
第一步,在你的JS代码里面加上debugger,像下面展示的那样。
var $standardmoneynameType = $('#standardmoneyname').combobox({
panelHeight: 'auto', valueField: 'id', prompt: CLIENT_COMMON_I18N.lab_please_select,
textField: 'name', editable: false,
onSelect: function (rec) {
debugger;
var faultsymbolid;
然后在浏览器上按F12开启开发人员工具。 再次执行JS代码,到这个点的时候就会被断掉,系统会弹出下面的弹窗。
上图中有两个按钮,第一个蓝色的按钮
是跳到下一个debugger处。右边一个灰色按钮是执行下一句JS代码。
如果想查看属性的值就把鼠标悬上去。
也可以在F12的JS代码上再次打断点,鼠标左击一下弹窗就好了。如下图最左边第27行与第38行。可以用
按钮 快速到达下方断点。
建议多打几个断点。
如果进入JQuery等JS框架的代码中。解决办法是用
直接强行跳到下一个断点。