浏览器调试技巧（debugger调试）

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

示例代码

//查询方法
    function search(){ 
        debugger；
        var 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,打开开发者页面，用右侧功能键进行调试

功能键的使用

第一个是重新开始
第二个是单步跳过
第三个是单步进入
第四个是单步退出
一般也只用到前面两个

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