在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框架的代码中。解决办法是用直接强行跳到下一个断点。

 推荐阅读SpringBoot系列

        目录贴:跟着大宇学SpringBoot目录贴

你看我都这么努力的分享知识给你了,鼓励一下又何妨O(∩_∩)O

有同学私信说帮了大忙,我很高兴。非常感谢兄弟们的支持!

        

posted @ 2022-07-17 12:13  小大宇  阅读(97)  评论(0编辑  收藏  举报