一、「逐語句執行」或者「逐步執行」按鈕:
1、意思就是,每點選它一次,js語句就會往後執行一句
2、快捷鍵f10
二、「逐過程執行」按鈕:
1、常用在乙個方法呼叫多個js檔案時,涉及到的js**比較長,則會使用到這個按鈕
2、快捷鍵f8
三、console控制台:
1、這個就是乙個js解析器,是瀏覽器本身用來解析執行js的傢伙,只不過瀏覽器通過console讓我們開發者在除錯過程中,可以控制js的執行以及輸出。
2、console.log()可以取代alert()或document.write(),在網頁指令碼中使用console.log()時,會在瀏覽器控制台列印出資訊。
3、console.dir()可以顯示乙個物件所有的屬性和方法。
四、sources面板:
1、原始碼面板,除錯最重要的乙個功能。
2、pretty print 按鈕:格式化**。
3、breakpoints 一欄:管理所有斷點,可以方便地跳轉到對應斷點的位置處。
4、scope(變數作用域) 一欄:顯示當前作用域和它的父級作用域,以及閉包。
五、jquery 事件原始碼定位問題:
將以下**複製到控制台,按回車執行。
1、適用於 1.5+ 版本的 jquery:
function2、適用於 1.2.6-1.4 版本的 jquery:lookevents (elem)
var event = lookevents($("#testbtn")[0]); //
獲取繫結的事件
event.click[0].handler //
獲取click事件的第乙個事件原始碼位址
function六、debugger:偵錯程式,即**斷點。lookevents (elem)
var event = lookevents($("#testbtn")[0]); //
獲取繫結的事件
event.click; //
檢視有幾個click事件,如果要檢視其他事件直接輸入 event 然後回車即可
1、用法非常簡單,在寫**的時候,想要斷點除錯的地方寫上 debugger 即可。
2、除錯按鈕。
七、除錯bug的思路:
1、首先,js是否成功的執行進來;
2、其次,js是否存在邏輯問題、變數問題、引數問題等等;
3、最後,如果上述都沒有問題,仔細檢視各種符號。。。
參考資料1:【
參考資料2:【
參考資料3:【
vs除錯快捷鍵
命令名 快捷鍵說明 除錯.應用 更改 alt f10 啟動生成操作,利用它可以通過 編輯並繼續 功能應用對正在除錯的 所作的更改。除錯.自動視窗 ctrl d,ctrl a 顯示 自動 視窗,以檢視在當前過程中,目前所執行中的變數的值。除錯.全部中斷 ctrl alt break 臨時停止執行除錯會...
vc 除錯快捷鍵
vc 6.0 除錯快捷鍵 vc 6.0 快捷鍵 命令名 快捷鍵 說明 除錯.應用 更改 alt f10 應用 更改但不停止除錯模式。有關更多資訊,請參見 編輯並繼續 除錯.自動視窗 ctrl alt v,a顯示 自動視窗 以檢視當前過程中在當前執行行範圍內的當前變數的值。有關更多資訊,請參見中斷執行...
c 除錯快捷鍵
除錯.應用 更改 alt f10 應用 更改但不停止除錯模式。有關更多資訊,請參見編輯並繼續。除錯.自動視窗 ctrl alt v,a 顯示 自動 視窗,以檢視當前過程內當前執行行範圍中的當前變數的值。有關更多資訊,請參見中斷執行。除錯.全部中斷 ctrl alt break 臨時停止執行除錯會話中...