使用開發人員工具記錄及分析效能追蹤記錄。

在「效能」面板中監控即時 Core Web Vitals 指標。

使用開發人員工具檢查快取並排解相關問題。

凍結 DOM 中的元素,以便您使用 DevTools 檢查這些元素。

瞭解 4 種使用開發人員工具擷取螢幕截圖的獨特方法。

瞭解如何使用開發人員工具覆寫及模擬網路回應。

瞭解開發人員工具如何改善您的網頁應用程式開發。

運用推測載入功能加快網頁瀏覽速度,並瞭解如何進行偵錯。

只要按幾下滑鼠,即可瞭解如何編寫顏色。

瞭解如何偵錯擷取優先順序。

瞭解如何對 bfcache 偵錯,讓您的頁面立即載入。

瞭解如何使用開發人員工具對 DOM 進行偵錯。