有哪些比較巧妙的JS代碼調試技巧?
蕭雁翎
2016-09-18 17:46:04
TA貢獻19條經(jīng)驗 獲得超44個贊
代碼格式化
? ?可以將被壓縮的代碼自動展開
實時代碼編輯
? ?可以在運行時動態(tài)改變 JS 代碼,并且不需要刷新頁面就可以看到效果,一般用這個實時的在代碼里插 console.log
DOM 事件/XHR 斷點
? ?可以針對 DOM 結構改變/屬性改變/鍵盤鼠標事件 等下斷點,直接斷到事件的第一個 listener 函數(shù)上。還可以對 XHR 請求下斷點,斷到發(fā)起請求的那一行代碼上
調用棧分析
? ?這個非常常用,Scripts 面板下右上角的那一部分
自動異常斷點
? ?當代碼執(zhí)行出錯時,可以自動斷到出錯的代碼行上,直接分析出錯時的運行時環(huán)境
分析 HTTP 請求
? ?Network 面板下列出了所有的 HTTP 請求,可以很方便的查看請求內容、HTTP 頭、請求時間等信息
舉報