面向?qū)ο?1-調(diào)試工具

開啟調(diào)試窗口

windows 平臺(tái): f12

調(diào)試窗口介紹

  • 指針: 選擇頁面中的元素

  • 手機(jī): 使用移動(dòng)端界面調(diào)試

  • Elements: 查看頁面 DOM 樹

  • Console: 控制臺(tái)(注意, 控制臺(tái)與該頁面是一個(gè)整體, 在控制臺(tái)中的任何操作, 會(huì)影響到頁面)

  • Source: 代碼調(diào)試

調(diào)試工具的使用

逐過程運(yùn)行, 一次運(yùn)行一個(gè)函數(shù)

單步運(yùn)行(逐步運(yùn)行), 一次運(yùn)行一句, 如果是函數(shù), 進(jìn)入函數(shù)體內(nèi)運(yùn)行

繼續(xù)運(yùn)行. 從當(dāng)前狀態(tài)運(yùn)行下去, 直到出現(xiàn)斷點(diǎn), 如果沒有斷點(diǎn)則運(yùn)行結(jié)束

設(shè)置斷點(diǎn)技巧

逐步與逐過程混合
斷點(diǎn)加繼續(xù)運(yùn)行
條件斷點(diǎn)(右鍵添加 add contitional breakpoint)

利用 watch 監(jiān)視窗口可以查看對象成員

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容