瀏覽器調試技巧（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,打開開發者頁面，用右側功能鍵進行調試

功能鍵的使用

第一個是重新開始
第二個是單步跳過
第三個是單步進入
第四個是單步退出
一般也只用到前面兩個

如果有什麼吊炸天的調試方式，歡迎分享