1. 程式人生 > >如何通過Chrome打斷點的方法除錯程式碼

如何通過Chrome打斷點的方法除錯程式碼

1.      在瀏覽器中開啟需要除錯的程式碼後,F12→sources→雙擊需要除錯的檔案→點選行號打斷點(如圖)

2.      在需要驗證的邏輯處打斷點,再次重新整理頁面,常用以下快捷鍵除錯程式:

F8以斷點為步長執行程式碼(注意,下一步也可能是當前斷點處);

F10以“語句”為步長執行程式碼;

3.      如果在除錯過程中想觀察某個變數的動態變化,選中該變數並“Add selected text to watches”,即可在右側watch出監視該變數(也可以點“+”輸入變數名新增)。