開發人員工具的新功能 (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 Flavored Markdown (GFM) 表格，以顯示格式化的表格資料摘要。

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

「樣式」分頁中的全新 CSS 特殊性細目工具提示。

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

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

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

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

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

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

  • 原生 V8 內容歸因：堆積快照現在會執行兩階段歸因演算法。靜態指標推論會解析 native_context 對應，而圖表可及性則會追蹤其餘物件。可從單一原生環境存取的物件會直接歸因於該環境，而可從多個環境存取的物件則會歸類至共用環境 bucket。
  • 「內容保留的物件」篩選器：Heap 快照檢視畫面中的全新 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 和軟性導覽標記，並更新詳細資料抽屜標題。
  • 效能：新增防護措施，可在 Android 裝置上進行 CPU 節流校正時，略過運算壓力檢查，無須支援 PressureObserver。
  • 網路：更新「複製為 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 提示。