開發人員工具新功能 - 2026 年 11 月

Matthias Rohmer

發布日期：2026 年 10 月 20 日

Chrome 155 和 Chrome 156 已於 10 月推出穩定版，並在 11 月為瀏覽器帶來一系列全新的偵錯和編寫功能：在代理程式的開發人員工具中檢查 CSS 樣式、在「元素」中提供 CSS 錨定定位的互動式 position-area 編輯器，以及在「應用程式」中提供網頁安裝資訊清單和廣告來源診斷。您也可以在「記憶體」中偵測無效的內容變數、在「網路」中檢查 Early Hints 預先載入警告和永久覆寫，以及在「效能」中更順暢地瀏覽時間軸。

在「元素」面板「樣式」分頁的視覺化位置區域編輯器中，選取錨定位置疊加層旁的錨定格線區域。
在「Elements」面板「Styles」分頁的視覺化位置區域編輯器中，選取錨定疊加層旁的錨定格線區域。

代理專用開發人員工具

Chrome 開發人員工具 MCP 伺服器新增 CSS 樣式檢查、設定檔支援，以及程式設計代理的分塊追蹤剖析功能：

  • CSS 樣式檢查：使用 get_css_styles 工具檢查計算和比對的樣式，該工具支援分頁 (pageSize 和 pageIdx)，並可設定比對規則、繼承規則、虛擬元素、@keyframes 和 @ 規則 (@position-try、@property 和 @function) 的格式。
  • 設定檔和路徑控制項：使用專屬設定檔管理伺服器旗標、設定自訂檔案系統根目錄，並在 CLI 中預設使用 --allow-unrestricted-paths。
  • 分塊追蹤緩衝區剖析：使用分塊追蹤緩衝區剖析器和 1.2 GB 預設追蹤緩衝區，剖析大型效能記錄。DevTools 也會限制每次剖析的追蹤引擎執行個體範圍，避免記憶體流失。
  • 對話方塊處理和控制台持續性：自動處理輸入工具動作期間觸發的 JavaScript 對話方塊，並在相同文件導覽中保留控制台訊息記錄。
  • 選單更新：在開發人員工具主選單中，點選「取得代理專用 Chrome 開發人員工具」，即可開啟設定操作說明。

詳情請參閱 chrome-devtools-mcp 存放區。

元素：視覺化位置區域編輯器、隱含錨點選取，以及 CSS 製作更新

「Elements」面板推出 CSS 錨定位置的視覺工具，並擴充 CSS 檢查功能：

  • 視覺化 position-area 編輯器：在「Styles」分頁中，按一下 position-area 宣告旁的內嵌色票，即可視覺化選取錨定格線區域、同時或個別設定軸、切換 self 關鍵字，以及縮短無軸關鍵字。
  • 在彈出式視窗提示上隱含選取錨點：如果元素有多個隱含錨點，請在 DOM 樹狀結構中，對彈出式視窗提示按一下滑鼠右鍵，即可檢查並跳至任何相關聯的錨點元素。
  • 錨定位置方塊疊加層：偵錯錨定位置元素時，直接在可視區域疊加層上檢查 inset-modified containing block (IMCB) 的邊界、內距、邊框和內容方塊。
  • Flexbox 編輯器中的 wrap-reverse：直接在「樣式」分頁的視覺 Flexbox 編輯器中切換 flex-wrap: wrap-reverse。
  • @starting-style 的無效 CSS 樣式和沿用規則：檢查無效的 @starting-style 規則和 Inherited from 區段，並在更新時保留手動展開和收合狀態。
  • 多破折號自訂屬性和類別自動完成：檢查及編輯以三個以上破折號開頭的 CSS 自訂屬性 (例如 ---theme-color)，並從「新增類別」自動完成建議中篩除已套用的類別。
在「元素」面板 DOM 樹狀結構中，從彈出式視窗提示內容選單選取隱含錨定元素。
在「元素」面板 DOM 樹狀結構中，從彈出式視窗提示內容選單選取隱含錨定元素。

Chromium 問題：553335561、438724570、413061413、397184392、539424116、533783988

應用程式：網頁安裝資訊清單診斷、廣告來源和儲存空間表格更新

「Application」和「Issues」面板新增了網頁安裝資訊清單、廣告指令碼來源和儲存空間檢查的診斷功能：

  • 網頁安裝資訊清單診斷：在「問題」面板中檢查網頁安裝 (navigator.install 和 <install>) 資訊清單錯誤，包括擷取失敗、語法錯誤、start_url 值無效、缺少名稱或 ID，以及缺少資訊清單，並提供受影響資訊清單檔案的直接連結。
  • 廣告來源欄和指標說明文件：查看「應用程式」面板「廣告」部分的新「廣告來源」欄，瞭解廣告指令碼是否與祖系指令碼鏈或篩選器清單規則相符，以及廣告指標的說明文件工具提示和「瞭解詳情」連結。
  • IndexedDB 和 Cookie 表格人體工學：使用動態資料列高度展開 IndexedDB 資料格中的巢狀物件，保留捲動位置，並使用鍵盤或內容選單刪除 Cookie 表格中的所選資料列。
檢查「應用程式」面板「廣告」部分的「廣告來源」欄和「祖系」工具提示，以及「問題」面板中的網頁安裝資訊清單錯誤。
在「應用程式」面板的「廣告」部分，檢查「廣告來源」欄和「祖系」工具提示，以及「問題」導覽匣中的「網頁安裝資訊清單」錯誤。

Chromium 問題：333795265、553428200、514957134、555304817、555304814、562142155

網路：Early Hints 預先載入警告和永久覆寫

「網路」面板改善了 Early Hints 診斷、本機覆寫和自訂標頭工作流程：

  • 停用快取時的早期提示預先載入警告：如果 103 Early Hints 回應包含預先載入連結，且「停用快取」功能已啟用，「早期提示」標頭部分會顯示警告，說明 Chrome 忽略這些預先載入作業的原因。
  • 永久本機覆寫和自訂標頭欄：在網頁瀏覽中提供本機回應主體覆寫、保留自訂要求和回應標頭欄設定，以及重新載入時的排列順序，並從內容選單複製截斷的原始要求酬載。
在「網路」面板的「標頭」分頁中，檢查 Early Hints 預先載入警告，並啟用「停用快取」和本機回應覆寫功能。
在「網路」面板的「標頭」分頁中，檢查 Early Hints 預先載入警告，並啟用「停用快取」和本機回應覆寫功能。

Chromium 問題：548701038、559925510、563542902、556269542、377410082

記憶體：偵測堆積快照中的無效環境欄位

「Memory」面板現在會偵測 V8 執行環境中保留的未使用閉包變數。開發人員工具會剖析堆積快照中嵌入的 V8 範圍中繼資料，將閉包與共用的 Context 物件建立關聯。接著，系統會醒目顯示由同層級長效閉包保留的無效結構定義欄位 (沒有任何有效閉包存取這些欄位)，並依記憶體影響排序。

在「記憶體」面板中，依「內容保留的物件」篩選堆積快照，檢查共用 V8 執行內容保留的無效內容變數。
在「記憶體」面板中，依「內容保留的物件」篩選堆積快照，檢查共用 V8 執行內容保留的無效內容變數。

Chromium 問題：497855658

效能：時間軸導覽更流暢，且保留呼叫樹狀結構狀態

「Performance」面板提供更靈敏的火焰圖導覽功能，並在各面板中保留分析情境：

  • 時間軸瀏覽更流暢：縮放、平移及拖曳時間軸迷你地圖時，不再出現延遲。
  • 保留呼叫樹狀圖和由下而上狀態：在開發人員工具面板之間切換，不會遺失「呼叫樹狀圖」和「由下而上」分頁中展開的節點、選取項目或捲動位置。
在「Performance」面板的「Call tree」分頁中，檢查放大的時間軸迷你地圖範圍和展開的 JavaScript 活動節點。
在「Performance」面板的「Call tree」分頁中，檢查放大的時間軸迷你地圖範圍和展開的 JavaScript 活動節點。

Chromium 問題：553831653、561396590

其他產品亮點

Chrome 155 和 Chrome 156 也對開發人員工具面板進行了以下改善：

  • 感應器：直接在「感應器」面板中，使用新的「CPU 效能級別」控制項覆寫 navigator.cpuPerformance，或讓其反映有效的 CPU 節流預設值。(Chromium 問題：449760252、526856234、526857820)
  • 裝置模式：保留每個模擬裝置的縮放比例和自動調整縮放偏好設定，並在切換裝置工具列時保留 Save-Data 覆寫。(Chromium 問題：561306841、555160483)
  • 顏色挑選器：查看 APCA 對比色建議，瞭解深色背景上的淺色文字，並將色域外的顏色轉換為 oklab() 和 oklch()，不含 NaN 值。(Chromium 問題：560325669、558821258)
  • 無障礙功能：使用非彩色指標圓點識別有效的規則運算式篩選器切換鈕、在「CSS 總覽」中聽取螢幕閱讀器朗讀的字型屬性名稱，以及使用經過改良的鍵盤焦點環和高對比度瀏覽面板。(Chromium 問題：556764882、555848535、555599825、553804654)
在「感應器」導覽匣中覆寫 CPU 效能級別，並在顏色挑選器中檢查對比度建議和 oklch 值。
在「感應器」導覽匣中覆寫 CPU 效能級別，並在顏色挑選器中檢查對比度建議和 oklch 值。

Chromium 問題：449760252、526856234、526857820、561306841、555160483、560325669、558821258、556764882、555848535、555599825、553804654