1. 程式人生 > >使用Chrome除錯前端介面

使用Chrome除錯前端介面

Chrome自帶的debug工具十分適合用來除錯,使用起來也相對比較容易上手

介面看著也十分整潔舒爽

進入方式:開啟瀏覽器選單裡的更多工具---開發者工具

選擇上端導航選單的Sources,

右鍵top,選擇Add folder to wordspace,將本地工程匯入

開啟要除錯的頁面,點選左側行號處即可打上斷點

執行頁面即可開始除錯

對於web工程,可以不用匯入本地檔案 

在瀏覽器中執行要除錯的頁面就會在top目錄下自動生成當前執行的工程目錄

和當前執行的頁面,除錯方法同上