1. 程式人生 > >chrome控制檯除錯js

chrome控制檯除錯js

Sources:次功能是js頁面除錯中最突出的功能,上圖。

功能介紹:左側sources目錄可以展開,檢視載入本頁面所呼叫的資源,如js,css,php。此處先介紹斷點除錯,可以順序的看到程式的執行過車,勾選右側的Any XHR 按鈕,上圖。一步一步執行,如新增數量的時候,可以看到右側的call stock程序,可以看到此處出發了js中changePrice()函式,在此處我們可以進行邏輯分析了。或則在程式碼行處單擊設定斷點,英文選項是

add breakpoints,單擊右擊都可以,最是好用,上圖,還可以檢視你設定的所有斷點,右側展開,如圖,斷點除錯用的比較多,當然了還可以在js裡直接寫程式碼,檢視實時資料變化,檢視要注意ctrl+s 儲存操作。