前端調試工具（DevTools）
開啟：F12
布局
切換PC和移動端
頁面元素的快速測試技巧
保持元素的hover等狀態：選中當前行點擊右鍵
元素狀態改變的監控技巧
觸發斷點后元素狀態不會再改變,可以在sources里關掉斷點，也可以重新右鍵點擊刪除斷點
樣式快速定位、修改
定位：
- 選中相關地方點擊右鍵檢查，則會自動跳轉到選中元素的樣式頁面
- 打開檢查工點擊圖片中的箭頭，然后去頁面中將鼠標懸浮在修改的地方（常用）
鼠標點擊后定位結束
修改：
- 畫橫線表示樣式被覆蓋
- 在檢查工具中做的修改不會更新到本地代碼，刷新后恢復原狀
查看腳本使用率
紅色部分代表未使用的腳本占比
監控頁面動畫變更
設置瀏覽阻止織某些資源
