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

Sofia Emelianova
Sofia Emelianova
GitHub

效能面板改善項目

這個版本為「Performance」(效能) 面板進行了幾項改善。

使用新版測試群組設定模式移動及隱藏音軌

您現在可以在測試群組名稱上按一下滑鼠右鍵，然後選取「設定測試群組」，即可進入測試群組設定模式。需要額外空間的編輯按鈕已移除。

使用選單選項取代「之前」和「之後」的「編輯」按鈕。

追蹤設定模式可讓您變更及隱藏測試群組順序。按一下 arrow_upward 或 arrow_downward 即可移動音軌，或是按一下 visibility_off (隱藏功能)。如要結束設定模式，請按一下底部的「完成測試群組」。這項設定會套用至新的追蹤記錄，但不適用於下一個開發人員工具工作階段。

Chromium 問題：336266699。

忽略火焰圖中的腳本

「Main」軌跡中的火焰圖支援忽略清單支援功能。你現可在圖表中的指令碼上按一下滑鼠右鍵，然後選取「將指令碼新增到忽略清單」。

使用選單選項新增要忽略清單、標示為已忽略的指令碼，以及「設定」中的對應規則。

圖表會收合已忽略的指令碼，將其標示為「忽略清單」，並將這些指令碼新增至「自訂排除規則」，方法是依序前往「設定」>「設定」>「忽略清單」。系統會儲存忽略的指令碼，直到您從追蹤記錄或自訂排除規則中移除為止。

Chromium 問題：336266714。

將 CPU 數量減 20 倍

「Performance」面板的「Capture settings」部分，「CPU」節流選單會顯示新的「20 倍減速」選項。因此，您現在可以更準確地重現並分析現實生活中的效能問題，即使是在高階電腦上也是如此。

將「20x 慢動作」選項新增至「擷取設定」中前後的 。

Chromium 問題：324978881。

「效能洞察」面板即將淘汰

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

「效能洞察」面板中的淘汰警告橫幅。

詳情請參閱「2024 年以後推出的效能工具」一文。

歡迎提供意見，告訴我們哪些功能運作正常，以及哪些部分有待改進，歡迎與我們分享。

貼上整個標頭字串即可覆寫

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

請觀看下方影片，瞭解實際操作方式。

編輯標頭時，如果您輸入了英數字元、連字號和底線以外的任何字元，「網路」面板現在會發出警告。

如果標頭名稱含有不支援的字元，旁邊就會顯示警告。

此外，系統會為 chrome:// 網址停用覆寫選單選項和 [編輯] 按鈕，以達到預期的行為。

Chromium 問題：330967147、337012362、328210785。

在堆積快照中使用新篩選器，找出過度使用的記憶體

「記憶體」面板中的「堆積快照」會提供新的篩選器，協助您找出記憶體使用效率不彰的常見情況，例如重複字串、卸離 DOM 節點所保留的物件，以及開發人員工具控制台。

「之前和之後」為「無效率記憶體」常見情況新增的篩選器選項。

Chromium 問題：337094903。

前往「應用程式」>「儲存空間」檢查儲存空間值區

現在您可以依序前往「Application」 >「Storage」區段，在專屬的樹狀結構中檢查儲存空間值區。這個樹狀結構 (先前稱為實驗性質) 預設為啟用。

「Storage」區段中啟用儲存空間值區樹狀結構的前後差異。

Chromium 問題：338094915。

使用指令列旗標停用 self-XSS 警告

如果您要自動使用 Chrome，或透過指令列開啟開發人員工具進行偵錯，建議您在每個新的開發人員工具工作階段停用 self-XSS 警告。

控制台中的 self-xs 警告對話方塊。

只要將 --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)。
  • Console：現在使用 Ctrl + ` 快速鍵時，只有在焦點移至導覽匣時才會關閉導覽匣中的控制台 (40875466、328210785)。
  • 自動填入：修正地址剖析問題 (335409093、335409707)。
  • 無障礙功能：已修正本地化字串的螢幕閱讀器公告 (324930007)。

下載預覽頻道

建議您使用 Chrome Canary、Dev 或 Beta 版做為預設的開發瀏覽器。透過這些預覽版本，您可以存取開發人員工具中的最新功能、測試最先進的網路平台 API，以及找出網站的問題，以免使用者發現問題。

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

請使用下列選項，討論貼文中的新功能和異動，或與開發人員工具相關的其他事項。

  • 歡迎透過 crbug.com 提出建議或意見。
  • 在開發人員工具中，依序點選「更多選項」圖示 更多   >「說明」 >「回報開發人員工具問題」，回報開發人員工具問題。
  • 前往 @ChromeDevTools 張貼 Tweet。
  • 歡迎在「開發人員工具」推出「最新消息」YouTube 影片或「開發人員工具秘訣」YouTube 影片留言。

開發人員工具新功能

「開發人員工具新功能」系列中的所有文章清單。

Chrome 126

Chrome 125

Chrome 124

Chrome 123

Chrome 122

Chrome 121

Chrome 120

Chrome 119

Chrome 118

Chrome 117

Chrome 116

Chrome 115

Chrome 114

Chrome 113

Chrome 112

Chrome 指南

Chrome 110

Chrome 指南

Chrome 108

Chrome 指南

Chrome 指南

Chrome 指南

Chrome 指南

Chrome 指南

Chrome 指南

Chrome 指南

Chrome 指南

Chrome 99

Chrome 98

Chrome 97

Chrome 96

Chrome 95

Chrome 94

Google 瀏覽器 93

Chrome 92 版

Chrome 91

Chrome 90

Google Chrome 89

Google Chrome 88

Chrome 87

Chrome 86 版

Chrome 85 版

Google Chrome 84

Chrome 83 版

Chrome 82 版

Chrome 82 已取消。

Chrome 81 版

Google Chrome 80

Chrome 79

Chrome 78

Chrome 77

Chrome 76

Chrome 75

Chrome 74

Chrome 73

Chrome 72 版

Chrome 71

Chrome 70

Chrome 68

Chrome 67

Chrome 66

Chrome 65

Chrome 64

Chrome 63 版

Chrome 62 版

Chrome 61 版

Chrome 60 版

Chrome 59