1.日志查看
查看console打印的日志：
瀏覽器界面，鍵盤上按 ‘F12’ 按鈕，並選擇Consle欄：
2、頁面調試：
上面頁面中選擇Source欄：
左側樹狀欄：頁面靜態樹狀圖
右側內容區：顯示相關左側選擇從內容。
如果需要顯示動態頁面，則需要在該區域按快捷鍵（Ctl + O）調出對話框，錄入你需要訪問的頁面名稱, 並在下欄列表中選擇即可：
3. JS調試
3.1 快速打斷點：
在上一步中，頁面內容下，對應的script 標簽是可以打斷點的，在行號坐標點擊左鍵即可添加或移除斷點。
3.2 其它方式
除了快速打斷點的方式，開發者可以在行號中右鍵，執行更多的調試動作：
- Add breakpoint: 添加斷點
- Add conditional breakpoint: 添加附加條件的斷點，在代碼執行到該行的時候，會判斷你填入的命令是否為True，如果為True則斷點生效
- Add logpoint...： 添加日志點，有時候，你會想僅在調試這一刻需要用到日志，你可以在這里添加你要輸出的日志信息，以便更針對bug的一些調試
- Never pause here: 從不在此處暫停，主要解決無限debugger問題。
