js調試技巧（通過debugger調試）__js

通常我們在網站開發的過程中會用到很多JavaScript代碼，
來進行調試，調試方法有很多，以前用的是Firefox瀏覽器的調試工具，但是後來版本等等的原因不能用了，
現在就用debugger在Google瀏覽器中進行調試。
如下一段js代碼：

//查詢方法實現    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");  }

在Google瀏覽器中運行項目，開啟F12，然後輸入條件，並且點擊“查詢”按鈕，回到如下圖：

然後使用F8，F10，F11進行調試,如下圖：

調試過程中會下實處變數的值等等資訊，這樣在找bug的過程中就會方便的多。