在 chrome、firefox 和 microsoft edge 中添加斷點(diǎn)的方法:在希望添加斷點(diǎn)的行號(hào)處單擊鼠標(biāo)。右鍵單擊該行,選擇 “add breakpoint”(添加斷點(diǎn))、”toggle breakpoint”(切換斷點(diǎn))或 “breakpoint”(斷點(diǎn))。斷點(diǎn)將出現(xiàn)在行號(hào)左側(cè),圖標(biāo)顏色因?yàn)g覽器而異。
JS 中如何添加斷點(diǎn)
在 JavaScript 開發(fā)中,設(shè)置斷點(diǎn)可以幫助調(diào)試程序,以便在特定點(diǎn)停止執(zhí)行并檢查變量和代碼流。
如何在 Chrome 中添加斷點(diǎn):
-
在要添加斷點(diǎn)的行號(hào)處單擊鼠標(biāo)。
或者,右鍵單擊該行并選擇 “Add breakpoint”(添加斷點(diǎn))。
斷點(diǎn)將在行號(hào)左側(cè)出現(xiàn)一個(gè)藍(lán)色圓點(diǎn)圖標(biāo)。
如何在 Firefox 中添加斷點(diǎn):
-
在待添加斷點(diǎn)的行號(hào)處單擊鼠標(biāo)。
或者,右鍵單擊該行并選擇 “Toggle breakpoint”(切換斷點(diǎn))。
斷點(diǎn)將在行號(hào)左側(cè)出現(xiàn)一個(gè)紅色圓點(diǎn)圖標(biāo)。
如何在 Microsoft Edge 中添加斷點(diǎn):
-
在要添加斷點(diǎn)的行號(hào)處單擊鼠標(biāo)。
或者,右鍵單擊該行并選擇 “Breakpoint”(斷點(diǎn))。
斷點(diǎn)將在行號(hào)左側(cè)出現(xiàn)一個(gè)黃色圓點(diǎn)圖標(biāo)。
其他提示:
可以在函數(shù)聲明或表達(dá)式內(nèi)添加斷點(diǎn)。
可以使用鍵盤快捷鍵來(lái)快速添加/刪除斷點(diǎn):
Chrome: F9
Firefox: F10
Edge: F9
斷點(diǎn)可以是條件性的,只在特定條件滿足時(shí)觸發(fā)。有關(guān)更多信息,請(qǐng)參見瀏覽器開發(fā)工具的文檔。