共用方式為


DevTools (Microsoft Edge 121 有什麼新)

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

3D 檢視工具中的 Z 索引和 DOM 分頁現在都能正常運作了

在最近版本的 Microsoft Edge 中, 3D 檢視 工具出現了一個錯誤,導致 Z 索引DOM 分頁無法正常運作。 分頁會當機或凍結,然後顯示合成 圖層 分頁的內容。 這個問題在 Microsoft Edge 121 中已經修正:

3D 檢視工具中的 Z-index 標籤

另請參閱:

正確的隱藏除錯器或顯示除錯器圖示會在來源工具中顯示

來源工具右側用來摺疊或展開除錯器面板的圖示是錯誤的。 顯示的是 隱藏除錯器 圖示,取代 了顯示除錯器 圖示,反之亦然:

來源工具中的圖示,之前

在 Microsoft Edge 121 中,正確的圖示現在顯示為:

圖示在來源工具中,之後

另請參閱:

在覆蓋範圍工具中新增了來源地圖支援

在 Microsoft Edge 121 之前, 覆蓋 率工具僅顯示產生檔案的資訊,即使附加了來源地圖也會省略原始檔案。 覆蓋率工具現在已改進,當產生的檔案附帶來源地圖時,覆蓋率工具會同時顯示原始檔案與生成檔案的資訊。

例如,在 Microsoft Edge 121 之前,慢 日曆示範頁面 的覆蓋報告中,檔案只包含一行 bundle.js 靜態的程式碼。 bundle.js覆蓋報告中的行現在可以展開,顯示組成此編bundle.js譯檔案的所有原始原始檔案:

覆蓋率工具顯示來源映射原始檔案及產生檔案的資訊

另請參閱:

在效能工具的自下而上、呼叫樹和事件日誌分頁中,具備進階篩選功能

效能 工具中,以下進階篩選按鈕被加入到 自下而上呼叫樹事件日誌 分頁:

  • Match Case
  • 使用正則表達式
  • 整個單字都對得上

在效能工具的自下而上、呼叫樹和事件日誌分頁中,分別是「比對案例」、「使用正則表達式」和「比對整個字」按鈕

另外,在 自下而上 分頁,篩選器已更新為只適用於頂層項目,而非匹配每個節點。

另請參閱:

PWA 視窗控制疊加的工具

應用程式工具在 Manifest 下新增了視窗控制覆蓋層(Window Controls Overlay)區塊,幫助 PWA 開發者預覽應用程式如何處理視窗控制項,而無需安裝 PWA 並做出必要的樣式調整以支援視窗控制項:

應用程式工具中的「視窗覆蓋控制」區塊

使用 視窗控制覆蓋 區段來模擬 Windows、Linux 和 macOS 的視窗控制。

另請參閱:

Chromium 計畫的公告

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

另請參閱