Chrome 139 版開發人員工具的新功能

Sofia Emelianova
Sofia Emelianova
GitHub

更可靠且更有效率的 Chrome 開發人員工具

在這個版本中，Chrome 開發人員工具優先提升產品品質。這項作業涵蓋各種已知問題，包括長期存在的視覺故障、可用性疑慮、設計不一致，以及效能和功能問題。整體而言，我們減少了 27% 的未解決問題。

我們終於解決了幾年前的問題，也改善了較新的功能，例如「成效」面板和 AI 輔助。因此全面大幅提升了開發人員體驗。

在幕後，我們投入大量心力提升測試涵蓋範圍、調查複雜的測試失敗情形、將測試遷移至更穩固的基礎，並解決過程中發現的錯誤。我們成功將測試相關問題減少了 54%。

我們希望您能感受到各個面板的細微修正和改良，讓日常的偵錯和開發工作流程更順暢、可靠且有效率。

在 AI 輔助功能中上傳圖片，以設定樣式

現在不僅可以自動擷取螢幕截圖，還能上傳任意圖片到 AI 輔助面板，在與 Gemini 的對話中提供更多視覺情境。

從「元素」面板選取 DOM 元素，然後按一下「詢問 AI」 ，即可開始對話，並將該元素指定為對話內容。然後按一下輸入欄位中的「新增圖片」。

支援任意圖片上傳的前後對照。

在「網路」面板的表格中新增要求標頭

在「網路」面板中，您現在可以對要求表格中的資料欄名稱按一下滑鼠右鍵，然後選取多個要求標頭，將其新增為資料欄。

在選單中新增「要求標頭」選項前後的畫面。

Chromium 問題：397481040。

2025 年 Google I/O 大會精選內容

如果尚未體驗，請試用 2025 年 Google I/O 大會上發布的全新 Chrome 開發人員工具重大功能，包括但不限於：

此外，請查看新的效能洞察：重複的 JavaScript 和舊版 JavaScript。

其他亮點

這個版本包含多項重大修正和改善項目，以下列舉幾項：

  • 應用程式：現在會顯示確認對話方塊，要求您確認是否要清除 IndexedDB 物件存放區，因為這項操作無法復原 (crbug.com/326987147)。
  • 來源：程式碼行旁的記錄點和條件式中斷點徽章，現在會在懸停時顯示工具提示，其中包含對應的記錄訊息或條件 (crbug.com/40266230)。

  • 效能：

    • 「造成版面配置位移的原因」洞察資料現在會顯示未調整大小的圖片連結 (crbug.com/416449602)。
    • 「LCP 要求探索」洞察資料現在會顯示圖片載入時間比最早開始的時間點晚多久。
    • 節流：修正部分使用者在本機儲存的節流設定格式過時問題。
    • 事件記錄：篩選速度提升 (crbug.com/40783421)。

  • 動畫：已淘汰預覽螢幕截圖，因為點選預覽動畫群組可提供類似且更優質的體驗 (crbug.com/330179643)。

  • 無障礙功能：

下載預覽版頻道

建議使用 Chrome Canary、開發人員版或 Beta 版做為預設開發瀏覽器。透過這些搶先體驗管道，您可以存取最新的開發人員工具功能、測試最先進的網頁平台 API，並在使用者發現問題前找出網站上的問題！

與 Chrome 開發人員工具團隊聯絡

如要討論開發人員工具的新功能、更新或其他相關事項，請使用下列選項。

開發人員工具新功能

「開發人員工具新功能」系列涵蓋的所有主題清單。