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

發布日期:2026 年 2 月 11 日

與 Chrome 139 類似,Chrome 145 的 Chrome 開發人員工具團隊也優先處理產品卓越性、解決已知問題、統一 UI 實作項目,以及提升測試健康狀態。透過這項工作,我們在各個面板中進行了許多細微的修正和改良,應該能讓您日常的偵錯和開發工作流程更加順暢、可靠且有效率。

開發人員工具 MCP 伺服器更新

開發人員工具 MCP 伺服器從 v0.11.0 到 v0.14.0 進行了重大更新,導入了重要的自動化和模擬功能。

  • 自動連線:新的 --auto-connect 標記可讓伺服器自動探索並附加至執行中的 Chrome 執行個體,不必再手動複製 WebSocket 網址。
  • 統一模擬:現在只要使用單一 emulate 工具,即可處理地理位置、網路狀況 (離線/3G 速度緩慢)、CPU 節流和使用者代理程式覆寫。
  • 保留記錄:您現在可以跨導覽存取網路要求和控制台訊息,與開發人員工具中的「保留記錄」功能相輔相成。

如需完整變更清單,請參閱 GitHub 上的公開異動記錄

追蹤檢視畫面現在會顯示軟性導覽

如果網站採用單頁應用程式 (SPA) 架構,您現在可以在「效能」面板追蹤檢視畫面中,查看軟式導覽和軟式 LCP 標記。這項功能可大幅簡化現代網頁應用程式的效能偵錯作業,因為這類應用程式的導覽作業不必重新載入整個網頁。

如要進一步瞭解軟性導覽,請參閱這篇網誌文章。即時指標檢視畫面和「成效洞察」不會反映軟性導覽,但我們計畫在日後版本中加入這項功能,並持續開發這個 API。

「成效」面板中的軟體導覽標記,其中包含 youtube.com 的追蹤記錄。

Chromium 問題:450673886450673887

現在行層級的分析器計時更精確

在「Performance」面板中記錄追蹤記錄後,「Sources」面板會逐行顯示追蹤記錄中觀察到的時間。這樣您就能準確找出耗用最多執行時間的程式碼行。

這項功能先前有錯誤,導致來源經過美化格式 (使用 {} 按鈕) 或使用來源對應指令碼時,無法正常運作。這些問題已解決,因此現在可準確地進行行層級剖析,並將剖析結果用於可供正式環境使用的縮小程式碼。

「來源」面板中行號旁的執行時間。

更快速地追蹤互動

已解決「效能」面板中的主要瓶頸。先前,選取時間範圍或平移忙碌的追蹤記錄時,由於事件排序多餘,可能會導致 UI 嚴重延遲。這項功能經過最佳化,因此與複雜火焰圖互動時,回應速度會大幅提升。

Chromium 問題:457866795

找出會妨礙顯示的資源

「網路」面板現在包含專屬的「導致轉譯遭到封鎖」資料欄。這項功能可讓您立即找出哪些資源 (JavaScript、CSS 和字型) 會阻礙瀏覽器繪製網頁內容,協助您提升 First Paint 成效。

網路面板中的新「Render blocking」資料欄。

Chromium 問題:41169154

個別網路要求節流

Chrome 114 推出的「要求條件」面板 (舊稱「網路要求封鎖」) 現在預設會啟用個別要求節流

這項功能已在先前的里程碑中推出,但因迴歸問題而遭到停用。在 Chrome 145 中,您現在可以可靠地節流特定網路要求,模擬緩慢的依附元件,或測試應用程式如何處理特定資源延遲。

依序點選 >「更多工具」 >「要求條件」,開啟面板並開始節流或封鎖特定模式。

改善「@starting-style」的偵錯功能

現在預設支援偵錯 CSS @starting-style 規則。這項功能可協助您檢查元素首次算繪時套用的樣式,對於偵錯進入動畫和轉場效果至關重要。

Chromium 問題:465367572

AI 輔助功能更新

  • 多模態輸入:現在可以直接將剪貼簿中的圖片貼到 AI 輔助對話中,詢問視覺問題。

Chromium 問題:470997699

其他亮點

  • 元素:<html> 標記旁新增了「查看來源」徽章,方便您快速跳至文件的原始碼。
  • 來源:可編輯的 JSON 檔案現在支援可反轉的 Pretty-print 切換按鈕,方便您編輯資料,同時保留原始格式。
  • 網路:內容選單項目已更新為使用句子大小寫,提升可讀性。
  • 控制台:修正頁面重新載入後,未處理例外狀況的篩選條件會遺失的問題。

Chromium 問題:378870233461041921433162438

無障礙公告

這個版本帶來下列無障礙功能改善項目:

  • 搜尋:螢幕閱讀器現在會朗讀搜尋結果數量 (例如: 「1 of 5」) 時使用 Ctrl+F
  • 錄音機:螢幕閱讀器現在會在錄音檔成功刪除或匯入時發出通知。
  • 設定:在「實驗」分頁中篩選時,螢幕閱讀器現在會朗讀結果數量。
  • 隱私權:現在可以使用鍵盤完整存取「隱私權」面板中的「來源」群組。
  • 使用者介面:改善了停駐區圖示的能見度,並為處於高對比和強制色彩模式的使用者停用選取元素。

Chromium 問題:448675917392090449471713944471141907471095586