開發人員工具、Chrome 126 的新功能'

效能面板改善

這個版本對「效能」面板進行了多項改良。

使用更新的軌道設定模式移動及隱藏軌道

現在只要按一下曲目名稱，然後選取「設定曲目」，即可進入曲目設定模式。已移除需要額外空間的編輯按鈕。

使用群組設定模式，即可變更群組順序及隱藏群組。按一下「向上箭頭」或「向下箭頭」即可移動軌道，按一下「隱藏」則可隱藏軌道。如要退出設定模式，請按一下底部的「完成追蹤項目設定」。這項設定會保留給新追蹤記錄，但不會保留給下一個開發人員工具工作階段。

Chromium 問題：336266699。

忽略火焰圖中的指令碼

「主要」軌中的火焰圖新增了忽略清單支援功能。現在只要在圖表中按一下滑鼠右鍵，然後選取「將指令碼新增至忽略清單」，即可忽略指令碼。

圖表會摺疊忽略的指令碼，並標示為「在忽略清單中」，然後將這些指令碼新增至「設定」 >「忽略清單」中的「自訂排除規則」。系統會儲存忽略的指令碼，直到您從追蹤或「自訂排除規則」中移除這些指令碼為止。

Chromium 問題：336266714。

將 CPU 節流 20 倍

「效能」面板的「擷取設定」中的「CPU」節流選單新增「20 倍減速」選項。因此，您現在可以更準確地重現及分析實際效能問題，即使是在高階電腦上也是如此。

Chromium 問題：324978881。

「效能深入分析」面板即將淘汰

實驗性的「效能深入分析」面板將於 2024 年淘汰。開發人員工具團隊正努力將最實用的功能整合至「效能」面板。「成效洞察」面板頂端現在會顯示橫幅，通知您這項功能即將淘汰。

詳情請參閱「2024 年及之後的效能工具」。

歡迎與我們分享你對這項功能的意見，包括哪些地方很實用、哪些地方不盡理想，以及哪些地方可以改進。

貼上完整的標頭字串來覆寫標頭

覆寫標頭時，您現在可以貼上整個標頭字串 (HEADER_NAME: VALUE)，開發人員工具會將字串在 : 分割成標頭名稱和值。

請觀看下列影片，瞭解實際運作情況。

編輯標頭時，如果輸入的字元不是英數字元、連字號和底線，網路面板現在會顯示警告。

此外，系統會停用 chrome://-URL 的覆寫選單選項和「編輯」按鈕，這符合預期行為。

Chromium 問題：330967147、337012362、328210785。

使用堆積快照中的新篩選器找出記憶體用量過高的情形

記憶體面板中的 Heap 快照新增了篩選器，可協助您找出常見的記憶體使用效率不彰情況，例如重複的字串、由已卸離的 DOM 節點和開發人員工具控制台保留的物件。

Chromium 問題：337094903。

在「應用程式」>「儲存空間」中檢查儲存空間 bucket

您現在可以在「應用程式」 >「儲存空間」部分，透過專屬樹狀結構檢查儲存空間 bucket。這個樹狀結構先前為實驗功能，現在已預設啟用。

Chromium 問題：338094915。

使用指令列旗標停用自我 XSS 警告

如果您自動執行 Chrome 用途，或從指令列開啟開發人員工具進行偵錯，通常會想停用每次新開發人員工具工作階段中顯示的自我 XSS 警告。

現在，只要將 --unsafely-disable-devtools-self-xss-warnings 指令列旗標傳遞至 Chrome，即可停用這個對話方塊。

Chromium 問題：41491762。

Lighthouse 12.0.0

「Lighthouse」面板現在會執行 Lighthouse 12.0.0。

本次更新包含多項異動，包括移除 PWA 類別、重新整理 SEO 類別、淘汰整體節省金額、新增稽核項目及變更稽核項目。請參閱完整異動清單。

如要瞭解如何使用開發人員工具中的 Lighthouse 面板，請參閱「Lighthouse：提升網站速度」。

Chromium 問題：772558。

其他亮點

這個版本的重要修正和改良項目包括：

• 成效：
  • 現在，在下一個開發人員工具工作階段中，系統會自動清除慢速擷取設定 (「啟用進階繪製檢測」和「啟用 CSS 選取器統計資料」)。
  • 現在縮放火焰圖和資料變更時，「選取器統計資料」分頁不會自動捲動至底部 (337999939)。
• 控制台：現在只有在「控制台」處於焦點時，Ctrl+` 快速鍵才會關閉抽屜中的「控制台」(40875466、328210785)。
• 自動填入：修正地址剖析問題 (335409093、335409707)。
• 無障礙功能：修正本地化字串的螢幕閱讀器公告 (324930007)。

下載預覽版頻道

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

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

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

• 如要提供意見回饋或提出功能要求，請前往 crbug.com。
• 如要回報開發人員工具的問題，請依序點選開發人員工具中的 more_vert「更多選項」 >「說明」 >「回報開發人員工具的問題」。
• 在 Twitter 訊息中標記 @ChromeDevTools。
• 在「開發人員工具最新消息」或「開發人員工具提示」YouTube 影片中留言。

開發人員工具新功能

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