DevTools (Microsoft Edge 103) 的新功能

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

影片：DevTools 103 的新增功能

[記憶體] 工具中的新節點類型

在 Microsoft Edge 103 中，在 記憶體 工具中拍攝堆積快照時，有兩個新的節點類型：

• BigInt - 用來表示和操作太大而無法以 [數字 ] 節點類型表示的值。 請參閱 BigInt。
• 物件圖形 - 指 V8 (Microsoft Edge) 的 JavaScript 引擎用來了解物件屬性並為其編製索引的隱藏類別和描述元陣列。 請參閱 V8 中 [快速] 屬性中的 HiddenClasses 和 DescriptorArrays。

如需歷程記錄，請參閱 問題 12769：改善堆積快照集中物件的分類。

另請參閱:

• [使用記憶體工具記錄堆積快照集] 中的建構函式項目 (「堆積快照集」分析類型) 。

從 HTML 檔案啟動瀏覽器，並使用 Visual Studio Code 中的應用程式工具

為了讓您能更輕鬆地從 Visual Studio Code 中啟動新的內嵌 Microsoft Edge 實例，當您以滑鼠右鍵按一下瀏覽器中的 HTML 檔案時，現在會出現 [在 Edge 中開啟] 子功能表，其中包含 [開啟瀏覽器] 和 [使用開發工具開啟瀏覽器] 命令：

您現在也可以使用 [應用程式] 工具來深入瞭解專案的儲存體和服務背景工作者資訊，而不需要離開 Visual Studio Code：

另請參閱:

• 適用於 Visual Studio Code 的 Microsoft Edge DevTools 擴充功能

焦點模式 UI 的錯誤修正

在新的 焦點模式開發 工具 UI 中，已解決影響開發工具控制項和鍵盤快速鍵的各種錯誤：

• 改良了可摺疊窗格的行為，例如 [元素] 工具中的 [樣式]。
• 修正了某些看不到開啟工具名稱的情況。
• 改善 快速檢視 控制項的可靠性。
• 改善使用鍵盤快速鍵開啟 DevTools 的行為。
• 修正使用鍵盤快速鍵瀏覽至 [來源 ] 工具中的特定程式碼行的問題。
• 還原鍵盤快速鍵以在快速檢視面板中開啟 [搜尋]， (Windows 為 Ctrl+Shift+F，Linux) 為 Ctrl+Shift+F，macOS) (為 Command+Option+F：

[3D 檢視] 工具在窄版面配置中的回應效果更好

在舊版的 Microsoft Edge 中， 3D 檢視 工具無法在窄版面配置中正確顯示。 當 DevTools 很窄時，工具列選項被切斷。 在 Microsoft Edge 版本 103 中，這個問題已經修正。 3D 檢視中的工具列選項現在會在 DevTools 視窗的寬度減小時堆疊：

另請參閱:

• 使用 3D 檢視工具瀏覽網頁層、z 索引和 DOM

修正：DevTools 的 [關閉] 按鈕現在可在高對比模式下存取

在舊版的 Microsoft Edge 中，開發工具的 [關閉 ] 按鈕無法在高對比模式下正確轉譯。 在 Microsoft Edge 版本 103 中，這個問題已經修正。 DevTools 的 [關閉 ] ([ ) 按鈕在高對比模式下會正確顯示：

另請參閱:

• 使用輔助技術瀏覽 DevTools
• Windows 高對比模式

重新設計的歡迎工具

在 Microsoft Edge 103 中， [歡迎] 工具具有全新的新式設計，並包含改進和擴充的內容。 尋找有關新功能和錯誤修復的文件、影片和資訊比以往更容易。

• 在 [學習 ] 區段中，使用連結快速跳至開發工具中一般工作文件。

• 在 [ 新增功能] 區段中，了解最新的變更、新功能和錯誤修正。

• 在這兩個區段中，透過我們的新影片系列了解現有和新的 Web 開發功能： 使用 Microsoft Edge 進行網頁開發的影片。

另請參閱:

• 歡迎工具

來自 Chromium 專案的公告

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

• 重新排序 [元素] 面板中的窗格
• 在瀏覽器外部挑選色彩
• 改善偵錯期間的內嵌值預覽
• 支援虛擬驗證器的大型 blob
• [來源] 面板中的新鍵盤快速鍵
• Sourcemaps 改進功能

另請參閱

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