這些是 Microsoft Edge DevTools 穩定版的最新功能。
3D 檢視工具中的 Z 索引和 DOM 分頁現在都能正常運作了
在最近版本的 Microsoft Edge 中, 3D 檢視 工具出現了一個錯誤,導致 Z 索引 和 DOM 分頁無法正常運作。 分頁會當機或凍結,然後顯示合成 圖層 分頁的內容。 這個問題在 Microsoft Edge 121 中已經修正:
另請參閱:
正確的隱藏除錯器或顯示除錯器圖示會在來源工具中顯示
在來源工具右側用來摺疊或展開除錯器面板的圖示是錯誤的。 顯示的是 隱藏除錯器 圖示,取代 了顯示除錯器 圖示,反之亦然:
在 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 專案的以下更新: