目錄
1. 打開開發者工具（Dev Tool）
2. 打開命令菜單
截圖
3. 面板介紹
4. CSS調試
右鍵檢查快速到達元素處
查找DOM數
利用面板Console查找DOM節點
內置函數查找上一個選擇點擊的元素
5. 調試JS代碼（Javascript調試）
日志調試
選擇查看日志等級
眼睛觀測變量
實例
設置 debugger;
點擊單步調試
打開折疊后折疊掉不想看的無關函數
監視變量
屬性暫停
頁面事件監聽斷點，鼠標被點擊斷點
Vue里監聽事件
6. 面板 Network
Preserve log 獲取跳轉歷史
Disable cache 去掉緩存
No throttling 模擬用戶網絡
修改一些瀏覽器型號、頭燈
導入導出訪問時的網絡問題
7. 面板 Applocation（存儲數據查看）
教程地址
1. 打開開發者工具（Dev Tool）
Windows：F12
Mac：fn + F12
2. 打開命令菜單
Windows：Ctrl + Shift + p
Mac：Command + Shift + p
截圖
screenshot
3. 面板介紹
)
)
