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

發布日期:2026 年 6 月 30 日

Chrome 150 為「代理專用開發人員工具」帶來改良的記憶體偵錯功能,透過更多小工具強化 AI 輔助功能,並推出 CSS @container@function 規則的完整編輯功能。

代理專用開發人員工具

v1.4.0之前的近期版本中,代理專用 Chrome 開發人員工具大幅擴充了代理瀏覽器自動化和偵錯功能。

自上一個版本以來的主要功能和改善項目包括:

  • 記憶體偵錯套件 (--experimentalMemory):代理程式現在可以直接擷取及分析 V8 堆積快照,診斷 JavaScript 記憶體洩漏問題,並分析物件保留階層。
  • Chrome 擴充功能管理 (--categoryExtensions):服務專員可以管理擴充功能生命週期 (安裝、解除安裝、重新載入、列出),並擷取背景服務工作人員的控制台記錄,以進行診斷。
  • 代理程式技能套件:skills/ 目錄現在會直接發布在 npm 套件發行版本中,讓 MCP 用戶端代理程式自動探索及執行專門的瀏覽和偵錯工作流程。
  • 權杖和輸出內容最佳化:將螢幕截圖尺寸上限設為來源尺寸,可減少權杖用量;實驗性 TOON (權杖導向物件標記) 支援功能可最佳化結構化資料格式。
  • 強化導覽和內容: list_pages 現在會顯示網址和目標 ID 旁的網頁標題,方便您選取多個分頁的內容,而 allowedUrlPatternblockedUrlPattern 設定選項則會強制執行嚴格的瀏覽範圍安全性。

如要瞭解代理程式專用開發人員工具的最新動態,以及如何貢獻心力,請造訪 GitHub 存放區

AI 輔助功能提供更深入的洞察資訊

AI 輔助代理程式導覽中的新 Lighthouse 和計算樣式小工具。

「AI 輔助」面板持續進化,在「服務專員逐步操作說明」中提供更多詳細資料。 另外九個小工具現在會顯示「Lighthouse」、「網路」、「來源」和「效能」面板的資料。這些小工具可協助您進一步瞭解 Gemini 在呼叫代理工具以擷取成效事件、資源內容、網路要求等時使用的資料。

Chromium 問題:460763995

完整支援編輯更多 CSS @ 規則

「元素」面板中的「樣式」分頁標籤提供新式 CSS 功能的全新撰寫功能:

  • 就地編輯 @container 規則:您現在可以直接在 CSS @container 規則中編輯容器名稱和查詢條件,輕鬆試用回應式容器查詢設計。
  • CSS @function 規則編輯:新增對自訂 CSS @function 規則的完整編輯支援。
  • @counter-style 規則編輯:新增 list-style-type 屬性的程式碼補全功能,直接連結至對應的 @counter-style 定義。
  • 收合無作用的規則:透過新的偏好設定,您可以收合無作用的 CSS 樣式規則,讓「樣式」窗格只顯示有效樣式。

「樣式」分頁中的 CSS 函式和 counter-style 規則。

Chromium 問題:50761125141491726480080406351662727514846131

「來源」面板支援遞迴來源對應,並會移除重複的中斷點

「來源」面板可提高複雜現代建構管道的偵錯準確度:

  • 邏輯中斷點重複資料刪除:現在,系統會使用最接近的已解析位置對應,跨程式碼分割套件和 SSR/用戶端編譯範本,刪除裝訂邊界中的中斷點標記。這樣一來,在偵錯跨多個區塊或環境共用的程式碼時,就不會出現重複的中斷點指標。
  • 遞迴 EvalOrigin 和巢狀來源對應:偵錯工具現在支援遞迴 EvalOrigin 結構,以及來源對應中的巢狀轉譯鏈,確保多階段編譯工作流程中的堆疊追蹤和逐步執行行為準確無誤。
  • 前往行鍵盤快速鍵:新增 ALT + G 做為編輯器中「前往行」導覽的額外鍵盤快速鍵,避免與 Chrome 內建 Gemini 的新快速鍵衝突。
  • 匯入屬性格式設定:更新基礎 Acorn 剖析器,支援標準 JavaScript 匯入屬性語法的漂亮列印格式。

Chromium 問題:493674242485142682480172712491167992

強化開發人員工具的安全性及跨來源功能

與許多其他軟體產品一樣,我們最近發現安全報告數量大幅增加,其中許多報告都是在 AI 的協助下發現。為確保開發人員工具安全無虞,團隊會持續審查及修正這些問題:

  • 即時運算式的自發性 XSS 防護:Console 中建立即時運算式時,新增自發性 XSS 警告對話方塊和防護機制。
  • 記錄器導覽許可清單和重播驗證:「記錄器」面板現在會強制執行嚴格的導覽許可清單,防止導覽至高權限頁面,並在重播區段內執行嚴格的擴充功能來源驗證。
  • 擴充功能網路覆寫限制:擴充功能管理的網路覆寫現在會嚴格執行runtime_blocked_hosts主機政策。
  • 安全 @font-face 建構:使用 CSSStyleSheet API 和安全網址字串化,重構 @font-face 規則產生作業,防止透過資料網址注入 CSS。

其他產品亮點

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

  • 效能:修正快取網路要求造成的 TraceTree 轉移大小膨脹問題,方法是在已識別的快取命中項目上,強制將轉移大小設為 0 個位元組。
  • 效能:更新效能格式化工具,支援選用的 Chrome 使用者體驗報告 (CrUX) deviceScope 現場資料。
  • 效能:在呼叫樹狀結構表格中啟用水平捲動,避免長檔案網址遭省略號截斷。
  • 效能:修正多個追蹤記錄檔中,洞察側邊欄的重新算繪中斷和 DOM 狀態損毀問題。
  • 效能:已將時間軸失效追蹤和偵錯模式設定從實驗旗標移至標準開發人員工具設定。
  • 網路:還原錯誤的資料欄重新命名作業,以還原「Has overrides」(有覆寫) 資料欄,並修正標頭和內容覆寫的排序邏輯。
  • 網路:修正伺服器計時瀑布圖中的 CSS attr() 樣式,確保每列產生的顏色都能正確顯示。
  • 網路:修正無名 Cookie 的「複製為 cURL」指令產生作業。
  • 應用程式:使用新的 StorageAgent 基礎架構,在「應用程式」面板中連結本機和工作階段儲存空間項目。
  • 應用程式:修正推測載入狀態優先順序,因此成功預先擷取和預先算繪的網址會準確顯示為「預先算繪」。
  • 應用程式:在 Heap Snapshot 檢視畫面中,各資料欄會顯示精確的位元組值工具提示。
  • 問題:每當返回導覽會略過廣告項目時,就會顯示 BackUINavigationWouldSkipAd 問題類型。
  • 問題:新增支援功能,可顯示電子郵件驗證要求問題 (EmailVerificationRequestIssue)。
  • Lighthouse:在 Lighthouse 設定面板中新增「Agentic Browsing」類別核取方塊 (預設為停用),並將隨附的 Lighthouse 引擎更新至 13.3.0 版。

Chromium 問題:5180213394090862151751901948775534550528439146591537851290899340543651

無障礙功能再進化

Chrome 150 針對開發人員工具的螢幕閱讀器播報、小工具結構和 ARIA 語意,進行了多項改良:

  • 選取分頁和瀏覽「樣式」分頁中的區段時,螢幕閱讀器朗讀效果更佳。
  • 在對話方塊關閉圖示上新增描述性工具提示,並允許工具提示上的 ARIA 詳細資料和說明屬性。
  • 在內容選單項目上強制執行嚴格的 ARIA menuitem 角色,以改善輔助技術的瀏覽體驗。

Chromium 問題:510013788