DevTools (Microsoft Edge 110) 的新功能

這些是 Microsoft Edge 穩定版本中的最新開發工具功能。

影片：DevTools 110 的新功能

在 [記憶體] 工具中拍攝堆積快照變得更快了

在舊版的 Microsoft Edge 中，根據網站或應用程式的大小以及記憶體中儲存的元素數量，產生 (超過 1 GB ) 的大型堆積快照可能需要 2 到 15 分鐘的時間。

在 Microsoft Edge 110 中， 記憶體 工具現在在拍攝堆積快照時提高了 70% 到 86%。 對於較大的堆積快照，我們看到速度的最大提升。 如果您發現建立堆積快照集要快得多，請在 [意見反應] 中給我們留下意見反應。 在記憶體工具中拍攝堆積快照現在變得更快了 #131。

另請參閱:

• 使用記憶體工具記錄堆積快照集 (「堆積快照集」分析類型)

在焦點模式下更輕鬆地在活動列和快速檢視之間移動工具

Microsoft Edge 110 包含對開發工具中焦點模式的各種改良功能。 下列變更可讓您更輕鬆地自訂 [活動列 ] 和 [快速檢視 ] 面板，以僅顯示您目前感興趣的工具。

移動工具時，右鍵功能表會顯示目的地工具列的目前位置

用於在 「快速檢視 」面板和 「活動列 」之間移動工具的右鍵功能表命令現在會指示目的地工具列的位置，例如：

• 移到底部快速檢視
• 移到側邊快速檢視
• 移到頂端 [活動列]
• 移至左側活動列

更新： Microsoft Edge 144 及之後的版本已不再支援垂直活動列。

快顯功能表不再顯示在工具列中的工具索引標籤上

在 [活動列 ] 與 [快速檢視 ] 工具列之間移動工具的右鍵功能表不會再遮蓋工具列中的工具名稱。

例如，在快速檢視工具列中以滑鼠右鍵按一下工具的索引標籤時，「網路條件」工具名稱仍然可見：

另一個範例是，當您以滑鼠右鍵按一下 [活動列] 中的工具索引標籤時，仍可顯示 [網路] 工具名稱：

當在活動列或快速檢視之間移動工具時，焦點會保留在 [活動列] 或 [快速檢視] 中

針對鍵盤快速鍵與輔助技術使用者，當將目前選取的工具從一個工具列移至另一個工具列，或從工具列移除工具時，焦點會保留在 [活動列 ] 或 [快速檢視 ] 工具列中。

例如，假設 [網路] 工具已移至 [快速檢視] 工具列，然後您以滑鼠右鍵按一下 [快速檢視] 工具列上的 [網路] 索引標籤：

如果您接著選取 [從快速檢視中移除]，焦點會停留在 [快速檢視 ] 工具列並移至 [網路狀況 ] 工具，這是 [快速檢視 ] 工具列中的下一個工具：

改善佈景主題、自訂位置和 [其他工具] 按鈕的協助工具功能

下列協助工具問題已修正，現在搭配開發工具使用螢幕助讀程式和鍵盤快速鍵等輔助技術變得更加容易。

螢幕助讀程式會在 [其他工具] 選單展開時正確報告

在先前版本的 Microsoft Edge 中，螢幕閱讀程式報告 [ 其他工具 ] (的 [加 ) ] 按鈕已摺疊，而 [ 其他工具 ] 功能表實際上是展開的。 在 Microsoft Edge 版本 110 中，這個問題已經修正。

螢幕助讀程式現在會正確報告 [ 其他工具 ] () 功能表展開時：

使用鍵盤變更 Dock 位置和活動列位置

在舊版的 Microsoft Edge 中，在 [焦點模式] 下，無法透過鍵盤變更 Dock 位置 或 活動列位置 。 在 Microsoft Edge 版本 110 中，這個問題已經修正。

在焦點模式中，您現在可以使用方向鍵，從自訂和控制 DevTools (省) 功能表變更 Dock 位置和活動列位置：

捲動佈景主題時，螢幕助讀程式會唸出目前選取的佈景主題

在舊版的 Microsoft Edge 中，捲動瀏覽開發工具的佈景主題清單時，螢幕助讀程式不會讀出是否已選取佈景主題。 在 Microsoft Edge 版本 110 中，這個問題已經修正。

當您 在 [自訂及控制開發工具 ] 中的佈景主題之間移動時，螢幕助讀程式現在會唸出目前選取的佈景主題 ([ ) 功能表：

另請參閱:

• 使用輔助技術瀏覽 DevTools

網路、主控台、問題和來源工具已改善對對比佈景主題的支援

Microsoft Edge 110 中的開發工具現在更完善地支援 Windows 對比佈景主題。 [網路]、[主控台]、[問題] 和 [來源] 工具都已得到改善，以便這些工具能夠正確呈現對比主題。

在 [問題] 工具中，在 Windows 中套用 沙漠對比 佈景主題的情況下，當您將焦點放在特定問題上時，問題的詳細資料會顯示在實心背景上，這會使文字難以閱讀。 在 Microsoft Edge 110 中，已修正此問題，使用外框而非實心背景：

在 [ 網路 ] 工具中，在 Windows 中套用 沙漠對比 佈景主題的情況下，選取特定要求會使要求的文字和圖示難以看到。 在 Microsoft Edge 110 中，我們已修正此問題：

另請參閱:

• 檢查深色佈景主題和淺色佈景主題的對比問題
• 在 Windows 中變更色彩對比

來自 Chromium 專案的公告

Microsoft Edge 110 也包含下列來自 Chromium 專案的更新：

• 重新載入時清除效能面板
• 自動就地漂亮列印
• 更好的語法突出顯示和 Vue、SCSS 等的內聯預覽
• 符合人體工學且一致的主控台自動完成功能

另請參閱

• Microsoft Edge DevTools 的新增功能
• Microsoft Edge Web 平台的版本資訊