這些是 Microsoft Edge DevTools 穩定版的最新功能。
影片:DevTools 103 的新內容
記憶體工具中的新節點類型
在 Microsoft Edge 103 中,當在 記憶體 工具中進行堆積快照時,新增了兩種節點類型:
- BigInt - 用於表示和操作過大無法由 Number 節點類型表示的值。 詳見 BigInt。
- 物件形狀 - 指 V8 (Edge Microsoft) JavaScript 引擎用來理解並索引物件屬性的隱藏類別與描述子陣列 請參考 V8 快速屬性中的 HiddenClasses 與 DescriptorArrays。
歷史詳情請參見 第 12769 期:改善堆積快照中物件的分類。
另請參閱:
- 使用記憶體工具 (「堆積快照」型別) 的建構子項目記錄堆快照。
從 HTML 檔案啟動瀏覽器,並使用 Visual Studio Code 中的應用程式工具
為了讓你更容易從 Visual Studio Code 內啟動新的嵌入式 Microsoft Edge 實例,當你在檔案總管中右鍵點擊 HTML 檔案時,現在有一個「以 Edge 開啟」子選單,裡面有「開啟瀏覽器」和「用 DevTools 開啟瀏覽器」的指令:
你現在也可以使用應用程式工具,在不離開 Visual Studio Code 的情況下,深入了解專案的儲存與服務工作者資訊:
另請參閱:
聚焦模式介面的錯誤修正
在新的 Focus Mode DevTools 介面中,已解決影響 DevTools 控制項與鍵盤快捷鍵的各種錯誤:
- 在 Elements 工具中改善可摺疊窗格(如樣式)的行為。
- 修正了一些打開工具名稱看不到的情況。
- 快速 檢視 控制的可靠性提升。
- 透過使用鍵盤快捷鍵改善開啟 DevTools 的行為。
- 透過鍵盤快捷鍵解決了在 來源 工具中導覽到特定程式碼行的問題。
- 在快速檢視面板中恢復開啟搜尋的鍵盤捷徑,Windows、Linux) (為 Ctrl+Shift+F,macOS) (為 Command+Option+F:
3D 視圖工具在狹窄版面中反應較佳
在先前版本的 Microsoft Edge 中, 3D 檢視 工具在狹窄版面中無法正確顯示。 當 DevTools 功能較窄時,工具列選項被切斷。 在 Microsoft Edge 103 中,這個問題已經修正。 當 DevTools 視窗寬度縮小時, 3D View 的工具列選項會堆疊:
另請參閱:
修正:DevTools 的關閉按鈕現在在高對比模式下可使用
在先前版本的 Microsoft Edge 中,DevTools 的 關閉 按鈕在高對比模式下無法正確呈現。 在 Microsoft Edge 103 中,這個問題已經修正。 DevTools 的 「關閉 (
按鈕) 在高對比模式下正確顯示:
另請參閱:
重新設計的歡迎工具
在 Microsoft Edge 103 中, 歡迎 工具採用全新且現代化的設計,內容有所改進與擴充。 現在比以往更容易找到有關新功能和錯誤修正的文件、影片和資訊。
在 學習 區,利用連結快速跳到開發工具常見任務的文件。
在「 最新內容 」區塊,了解最新變更、新功能與錯誤修正。
在這兩個章節中,透過我們的新影片系列《 關於 Microsoft Edge 的網頁開發影片》,了解現有及新的網頁開發功能。
另請參閱:
Chromium 計畫的公告
Microsoft Edge 103 也包含了 Chromium 專案的以下更新: