Chrome 140 版開發人員工具的新功能

Sofia Emelianova
Sofia Emelianova
GitHub

使用 Gemini 偵錯更多洞察資料

在「成效」 >「洞察」中，您現在可以點按「使用 AI 偵錯」 (先前為「詢問 AI」)，在「AI 輔助」面板中與 Gemini 對話並偵錯，取得更多成效洞察資料：

  • 提升圖片傳送效能
  • 舊版 JavaScript
  • 重複的 JavaScript
  • 新式 HTTP

在更多成效洞察資訊中加入「使用 AI 偵錯」按鈕前後的畫面。

在「網路狀況」中模擬「Save-Data」標頭

在「網路狀況」面板中，您現在可以模擬 Save-Data 要求標頭的行為。這個標頭是網路用戶端提示，表示用戶端偏好減少資料用量。你也可以透過 navigator.connection.saveData API 使用這項功能。

新增「Save-Data」要求標頭模擬至「網路狀況」前後的畫面。

Chromium 問題：40668980。

在 CSS 屬性工具提示中查看 Baseline 狀態

在「元素」>「樣式」中，將游標懸停在任何 CSS 屬性上時，您現在可以在屬性定義下方，根據屬性的 Baseline 狀態，查看該屬性在主要瀏覽器中的可用性。

在 CSS 屬性工具提示中新增 Baseline 狀態前後的畫面。

Chromium 問題：417749762。

在 User-Agent Client Hints 中覆寫板型規格

在「網路狀況」 >「使用者代理程式用戶端提示」下拉式選單中，您現在可以選擇覆寫表單因素，具體來說，就是 Sec-CH-UA-Form-Factors 要求標頭的值。

新增表單因素覆寫選項前後的使用者代理程式用戶端提示。

Chromium 問題：422218341。

Lighthouse 12.8.0

「Lighthouse」面板現在會執行 Lighthouse 12.8.0。

最值得一提的是，Lighthouse 在這個版本中新增了一份報表：使用 Trusted Types 減輕 DOM 型 XSS 攻擊的影響。

另請參閱完整異動清單。

如要瞭解如何使用開發人員工具中的 Lighthouse 面板，請參閱「Lighthouse：提升網站速度」。

Chromium 問題：40543651。

其他亮點

這個版本包含多項重大修正和改善項目，以下列舉幾項：

  • AI 輔助：
    • 現在只要在「設定」中停用相應的 AI 功能，系統就會清除對話記錄。
    • 無障礙功能：螢幕閱讀器現在會提早朗讀內容標題、在答案開始串流時朗讀「答案載入中」，以及在答案完成時朗讀「答案已準備就緒」。
  • 元素：
  • 網路：現在匯入 HAR 檔案時，也會一併匯入要求和回應 Cookie (crbug.com/432995868)。
  • 裝置模式：更新 Apple 裝置的使用者代理程式，改用最新的 Safari 18.5。

下載預先發布版

建議使用 Chrome Canary、開發人員版或 Beta 版做為預設開發瀏覽器。透過這些搶先體驗管道，您可以存取最新的開發人員工具功能、測試最先進的網頁平台 API，並在使用者發現問題前，找出網站上的問題！

與 Chrome 開發人員工具團隊聯絡

如要討論開發人員工具的新功能、更新或其他相關事項，請使用下列選項。

開發人員工具新功能

「開發人員工具最新消息」系列涵蓋的所有主題清單。