開發人員工具的新功能 (Chrome 151)

Matthias Rohmer

發布日期：2026 年 7 月 28 日

Chrome 151 在 AI 輔助功能中新增更多代理逐步操作說明的小工具、在「樣式」分頁中提供詳細的 CSS 權重細目、支援 ::interest-button 虛擬元素，並大幅更新開發人員工具 MCP 伺服器。

服務專員的開發人員工具

在 v1.6.0之前的近期版本中，代理專用 Chrome 開發人員工具大幅擴充了程式設計代理程式 (例如 Antigravity、Claude、Codex 等) 的偵錯功能。

1.4.0 至 1.6.0 版的更新內容包括：

  • 改善記憶體偵錯功能：新的 get_heapsnapshot_duplicate_strings 工具可偵測 JavaScript 堆積中多餘的字串分配作業造成的記憶體浪費。get_heapsnapshot_details 會傳回物件總數和記憶體大小匯總、可篩選的堆積快照匯總、GC 根保留路徑，並啟用快照之間的記憶體差異。
  • GCF 格式編碼 (experimentalGcfFormat)：新增對GCF 編碼工具回應的支援，可為支援的用戶端最佳化頻寬和剖析效率。
  • 並行多代理網頁路徑和獨立環境： --experimentalPageIdRouting 透過明確的 pageId 路徑，讓並行子代理同時在不同瀏覽器分頁中運作。 --isolated 模式和 isolatedContext 參數會為每個工作階段建立暫時的 Chrome 設定檔和儲存空間。

如要瞭解詳情及開始使用，請前往 GitHub 上的代理程式開發人員工具存放區。

AI 輔助

圖片/螢幕畫面：AI 輔助面板顯示新的「網路軌」內嵌小工具和互動式導覽，支援 GFM 表格。

「AI 輔助」面板持續發展，在「代理程式導覽」中提供更多詳細資料，並提供專用的「網路軌跡」小工具 (以內嵌方式顯示網路活動的效能，只要按一下即可縮放「效能」面板中的時間範圍)，以及「網路要求清單」小工具 (以互動式表格顯示結構化要求參數)。

此外，回覆訊息現在完全支援算繪 GitHub 風格的 Markdown (GFM) 表格，以顯示格式化的表格資料摘要。

CSS 權重細目和 ::interest-button 支援

「樣式」分頁中的全新 CSS 權重細目工具提示。

「元素」面板提供更深入的 CSS 檢查和撰寫工具，適用於新式網頁平台 API：

  • 詳細的 CSS 特殊性細目：現在只要將游標懸停在「樣式」分頁中的選取器名稱上，就會顯示詳細的工具提示，說明每個類別、ID、元素或虛擬類別如何影響(a, b, c)特殊性計算。這是社群貢獻，感謝 @hjanuschka！
  • ::interest-button 虛擬元素：開發人員工具現在會完整剖析並呈現新的 ::interest-button CSS 虛擬元素 (HTML interesttarget 規格的一部分)，顯示在「元素」樹狀結構大綱和「樣式」分頁中。
  • HTML 關係屬性的非同步目標連結：HTML 屬性 (例如 popovertarget、interesttarget 和 commandfor) 現在會非同步擷取目標 DOM 節點，並以內嵌方式連結。
  • 大型樣式表的延遲算繪：如果元素超過 200 個 CSS 屬性，「樣式」分頁現在會使用延遲屬性裝飾，將算繪封鎖時間從幾秒縮短至毫秒。

Chromium 問題：353436867、 453705247、 524406293、 457696384、 524131115

記憶體偵錯：原生內容歸因和關閉保留

「記憶體」面板，已啟用快照和「內容保留的物件」篩選器。

現在，您可以在「記憶體」面板中，更清楚地診斷多影格或多脈絡網頁應用程式中複雜的 JavaScript 記憶體洩漏問題：

  • 原生 V8 情境歸因：堆積快照現在會執行兩階段歸因演算法。靜態指標推論會解析 native_context 對應，而圖形可到達性則會追蹤其餘物件。可從單一原生環境存取的物件會直接歸因於該環境，而可從多個環境存取的物件則會歸類至共用環境 bucket。
  • 「內容保留的物件」篩選條件：堆積快照透視圖中的全新 UI 篩選條件，可讓您只找出透過 JavaScript 閉包內容物件保留的物件。
  • 可設定屬性顯示順序：新的內容選單切換按鈕「依字母順序排序屬性」 (預設為啟用)，可讓您在檢查堆積物件屬性時，切換字母排序和原始 JS 屬性插入順序。

Chromium 問題：497855658、 423838364、40833016

Promisified Extension API 和安全強化

開發人員工具擴充功能 API 已更新為現代非同步模式，並採用更嚴格的安全控管機制：

  • 原生 Promise 支援：chrome.devtools.network (getHAR()、Request.getContent())、chrome.devtools.panels 和 chrome.devtools.inspectedWindow (eval()、getResources()、Resource.getContent()、Resource.setContent()) 中的非同步方法現在會在沒有回呼參數的情況下呼叫時，傳回標準 JavaScript Promise 物件。
  • 擴充功能安全界線：開發人員工具擴充功能現在無法擷取遭封鎖目標網址的 HAR 資源，且必須滿足 extensionsOnChromeUrls 權限，才能在 inspectedWindow.eval 中進行跨擴充功能評估，並對 file:// 資源強制執行 allowFileAccess 檢查。

其他重點和修正項目

這個版本包含多項小幅改善和錯誤修正：

  • 效能：新增「軟性首次顯示內容所需時間 (FCP)」時間軸標記，以及軟性最大內容繪製 (LCP) 和軟性導覽標記，並更新詳細資料抽屜標題。
  • 效能：在不支援 PressureObserver 的 Android 裝置上，新增防護措施，可在 CPU 節流校正期間略過運算壓力檢查。
  • 網路：更新「複製為 cURL」，在目標網址前加上 --url，避免系統將以破折號為前置字元的網址誤解為指令列標記。
  • 來源：預設啟用來源地圖範圍解析，在偵錯期間改善變數範圍解析和符號取消縮小。
  • 設定：更新較新 iPhone 和 Pixel 機型的模擬裝置預設值，並驗證安全區域插邊，以及使用 navigator.userAgent 預先填入自訂裝置 User-Agent 欄位。(Chromium 問題： 40718410、 518215252)
  • 設定：更新「連結處理」設定下拉式選單，顯示方便使用者辨識的擴充功能標題，而非原始擴充功能來源網址。
  • Lighthouse：已將隨附的 Lighthouse 模組更新至 13.4.0 版。 (Chromium 問題：40543651)

無障礙功能再進化

Chrome 151 推出下列無障礙功能強化項目：

  • 元素：移除衝突的背景顏色覆寫，還原 Windows 高對比 / @media (forced-colors: active) 模式下切換工具列圖示的顯示狀態 (例如指令碼執行「繼續」按鈕)。(Chromium 問題：519762185)
  • 控制台：針對控制台釘選中遭截斷的即時運算式字串值，新增可存取的完整文字 title 說明文字。