共用方式為


DevTools (Microsoft Edge 103 有什麼新)

這些是 Microsoft Edge DevTools 穩定版的最新功能。

影片:DevTools 103 的新內容

影片縮圖「DevTools 103 的新內容」

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

在 Microsoft Edge 103 中,當在 記憶體 工具中進行堆積快照時,新增了兩種節點類型:

  • BigInt - 用於表示和操作過大無法由 Number 節點類型表示的值。 詳見 BigInt
  • 物件形狀 - 指 V8 (Edge Microsoft) JavaScript 引擎用來理解並索引物件屬性的隱藏類別與描述子陣列 請參考 V8 快速屬性中的 HiddenClasses 與 DescriptorArrays

BigInt 與物件形狀記憶體節點類型

歷史詳情請參見 第 12769 期:改善堆積快照中物件的分類

另請參閱:

  • 使用記憶體工具 (「堆積快照」型別) 建構子項目記錄堆快照。

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

為了讓你更容易從 Visual Studio Code 內啟動新的嵌入式 Microsoft Edge 實例,當你在檔案總管中右鍵點擊 HTML 檔案時,現在有一個「以 Edge 開啟」子選單,裡面有「開啟瀏覽器」和「用 DevTools 開啟瀏覽器」的指令:

右鍵點擊 HTML 檔案即可開啟瀏覽器實例,並點選「Edge DevTools」分頁

你現在也可以使用應用程式工具,在不離開 Visual Studio Code 的情況下,深入了解專案的儲存與服務工作者資訊:

應用程式工具位於 Visual Studio Code 的「Edge DevTools」標籤中

另請參閱:

聚焦模式介面的錯誤修正

在新的 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 的工具列選項會堆疊:

3D 檢視工具中工具列的響應式配置

另請參閱:

修正:DevTools 的關閉按鈕現在在高對比模式下可使用

在先前版本的 Microsoft Edge 中,DevTools 的 關閉 按鈕在高對比模式下無法正確呈現。 在 Microsoft Edge 103 中,這個問題已經修正。 DevTools 的 「關閉 (關閉」圖示 按鈕) 在高對比模式下正確顯示:

關閉開發工具 (高對比模式下的 X) 按鈕

另請參閱:

重新設計的歡迎工具

在 Microsoft Edge 103 中, 歡迎 工具採用全新且現代化的設計,內容有所改進與擴充。 現在比以往更容易找到有關新功能和錯誤修正的文件、影片和資訊。

  • 學習 區,利用連結快速跳到開發工具常見任務的文件。

  • 在「 最新內容 」區塊,了解最新變更、新功能與錯誤修正。

  • 在這兩個章節中,透過我們的新影片系列《 關於 Microsoft Edge 的網頁開發影片》,了解現有及新的網頁開發功能。

重新設計的歡迎工具

另請參閱:

Chromium 計畫的公告

Microsoft Edge 103 也包含了 Chromium 專案的以下更新:

另請參閱