在JS代码中打断点方式

在JS代码中打断点

第一步

在你的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框架的代码中。

解决办法

是用直接强行跳到下一个断点。

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。