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

Sofia Emelianova
Sofia Emelianova
GitHub

改善效能面板

這個版本改進了「效能」面板。

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

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

以選單選項取代「編輯」按鈕前後的「前後對照」。

測試群組設定模式可讓您變更及隱藏測試群組的順序。按一下arrow_upward 或 arrow_downward 下移，即可移動歷程，或按一下 visibility_off 隱藏。如要退出設定模式，請按一下底部的「Finish setup setup」。這項設定會保留給新追蹤記錄，但下一個開發人員工具工作階段不會保留這項設定。

Chromium 問題：336266699。

忽略火焰圖中的指令碼

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

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

圖表會收合忽略的指令碼，將其標示為「忽略清單時」，然後將這些指令碼加入「設定」 >「忽略清單」的「自訂排除規則」。系統會儲存忽略的指令碼，直到您從追蹤記錄或自訂排除規則中移除這些指令碼。

Chromium 問題：336266714。

將 CPU 限縮 20 次

在「效能」面板的「擷取設定」中，「CPU」節流選單可取得新的「速度降低 20 倍」選項。因此，即便在高階電腦上，您依然可以更準確地重現及分析實際效能問題。

之前與之後將「20 倍慢速」選項新增至「擷取設定」。

Chromium 問題：324978881。

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

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

「Performance Insights」面板中的淘汰警告橫幅。

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

歡迎與我們分享你的使用感想，告訴我們哪些功能的成效良好，哪些方面表現不佳，以及哪些地方可以改進。

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

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

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

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

標題名稱旁邊的警告含有不支援的字元。

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

Chromium 問題：330967147、337012362、328210785。

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

「Memory」面板的「堆積快照」新增篩選器，可協助您找出節省記憶體用量的常見情況，例如重複字串、卸離的 DOM 節點保留的物件，以及開發人員工具 Console。

針對效能效率低落的常見情況，加入前後的篩選器選項。

Chromium 問題：337094903。

檢查「Application」(應用程式) >「Storage」(儲存空間) 中的儲存空間值區

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

在「儲存空間」專區中啟用儲存空間值區樹狀結構前後的前後對照資料。

Chromium 問題：338094915。

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

如果您自動使用 Chrome，或透過指令列開啟開發人員工具進行偵錯，您通常會希望將每個新的 DevTools 工作階段中顯示的 self-XSS 警告停用。

控制台中的自我 X 警告對話方塊。

您現在可以將 --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 提交建議或意見回饋。
  • 如要回報開發人員工具的問題，請在開發人員工具中依序點選「更多選項」圖示 更多   >「說明」 >「回報開發人員工具的問題」。
  • 在 @ChromeDevTools 張貼推文。
  • 歡迎對開發人員工具的 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 111

Chrome 110 版本

Chrome 109 版

Chrome 108 版

Chrome 107 版

Chrome 106 版

Chrome 105

Chrome 104 版

Chrome 指南

Chrome 指南

Chrome 指南

Chrome 指南

Chrome 99

Chrome 98 版

Chrome 97

Chrome 96

Chrome 95

Chrome 94 版

Chrome 93 版

Chrome 92 版

Chrome 91 版

Chrome 90

Chrome 89

Chrome 88 版

Chrome 87

Chrome 86

Chrome 85 版

Chrome 84 版

Chrome 83 版

Chrome 82 版

Chrome 82 已取消。

Chrome 81 版

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