浏览器调试技巧(debugger调试)

之前调试前端代码,都是用console.log()打印信息,实在是个大捞比,
今天大佬告诉我可以用debugger调试,我的天,新大陆新姿势啊!(本人前端菜鸡)

示例代码

//查询方法
    function search(){ 
        debuggervar url = '${base}oa/dbkh!listdata.action';
        var startTime=$('#startTime').val();

        if(startTime==null){
            startTime="";
        }
        var username =$('#username').val(); 

        jQuery("#role_list_table").jqGrid('setGridParam', {
            url :"${base}oa/dbkh!listdata.action?endStr = " + 1 + "&startTime= " + startTime+ "&username= " + username,
            page:curpagenum
        }).trigger("reloadGrid");  
}

运行程序,会发现在debugger处停了下来,按f12,打开开发者页面,用右侧功能键进行调试
在这里插入图片描述

功能键的使用

在这里插入图片描述
第一个是重新开始
第二个是单步跳过
第三个是单步进入
第四个是单步退出
一般也只用到前面两个

如果有什么吊炸天的调试方式,欢迎分享

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页