開啟調(diào)試窗口
windows 平臺: f12
調(diào)試窗口介紹
指針: 選擇頁面中的元素
手機: 使用移動端界面調(diào)試
Elements: 查看頁面 DOM 樹
Console: 控制臺(注意, 控制臺與該頁面是一個整體, 在控制臺中的任何操作, 會影響到頁面)
Source: 代碼調(diào)試
調(diào)試工具的使用
逐過程運行, 一次運行一個函數(shù)
單步運行(逐步運行), 一次運行一句, 如果是函數(shù), 進(jìn)入函數(shù)體內(nèi)運行
繼續(xù)運行. 從當(dāng)前狀態(tài)運行下去, 直到出現(xiàn)斷點, 如果沒有斷點則運行結(jié)束
設(shè)置斷點技巧
逐步與逐過程混合
斷點加繼續(xù)運行
條件斷點(右鍵添加 add contitional breakpoint)
利用 watch 監(jiān)視窗口可以查看對象成員
