共用方式為

Microsoft Edge 121 (DevTools 的新功能)

  • 發行項

若要查看 Microsoft Edge DevTools 的最新功能，以及適用於 Microsoft Visual Studio Code 和 Visual Studio 的 Microsoft Edge DevTools 擴充功能，請閱讀這些公告。

若要保持最新狀態並取得最新的 DevTools 功能，請下載 Microsoft Edge 的測試人員預覽版本。 無論您是使用 Windows、Linux 或 macOS，請考慮使用 Canary (或其他預覽通道) 作為預設開發瀏覽器。 Microsoft Edge 的 Beta、Dev 和 Canary 版本會以個別應用程式的形式執行，並存於穩定發行的 Microsoft Edge 版本。 請參閱 Microsoft Edge 測試人員通道。

如需最新的公告， 請遵循 Twitter 上的 Microsoft Edge 小組。 若要回報 DevTools 的問題或要求新功能，請在 MicrosoftEdge/DevTools 存放庫中提出問題。

3D 檢視工具中的 Z 索引和 DOM 索引標籤現已運作

在最新版本的 Microsoft Edge 中， 3D 檢視 工具中有錯誤，導致 Z 索引 和 DOM 索引標籤無法正常運作。 索引標籤會損毀或凍結，並改為顯示 [複合層] 索引標籤 的內容。 此問題已在 Microsoft Edge 121 中修正：

3D 檢視工具中的 [Z 索引] 索引標籤

另請參閱:

[正確隱藏除錯程式] 或 [顯示除錯程式] 圖示會顯示在 [來源] 工具中

用來折疊或展開 [來源] 工具右側 [調試程式] 窗格的圖示不正確。 顯示 隱藏除錯程式 圖示，而不是 顯示除錯程式 圖示，反之亦然：

來源工具中的圖示，之前

在 Microsoft Edge 121 中，現在會顯示正確的圖示：

來源工具中的圖示，在之後

另請參閱:

已在涵蓋範圍工具中新增來源對應支援

在 Microsoft Edge 121 之前， 涵蓋範圍 工具只會顯示所產生檔案的資訊，並省略來源檔案，即使已附加來源對應也一樣。 涵蓋 範圍 工具現在已改善，因此當產生的檔案已附加來源對應時， 涵蓋範圍 工具會顯示來源檔案以及所產生檔案的資訊。

例如，在 Microsoft Edge 121 之前， 慢速行事曆示範頁面 的涵蓋範圍報告只包含檔案的 bundle.js 單一靜態行。 涵蓋 bundle.js 範圍報告中的這一行現在可以展開，以顯示組成這個已編譯 bundle.js 檔案的所有原始來源檔案：

顯示來源對應來源檔案和所產生檔案資訊的涵蓋範圍工具

另請參閱:

效能工具中 [自下而上]、[呼叫樹狀結構] 和 [事件記錄檔] 索引卷標的進階篩選功能

在效能工具中，下列進階篩選按鈕已新增至 [自下而上]、[呼叫樹狀結構] 和 [事件記錄檔] 索引卷標：

  • 比對大小寫。
  • 使用正則表達式。
  • 比對整字。

效能工具的 [自下而上]、[呼叫樹狀結構] 和 [事件記錄檔] 索引卷標中的 [比對案例]、[使用正則表達式] 和 [比對整字] 按鈕

此外，在 [ 自下而上] 索 引標籤中，篩選條件已更新為現在只套用至最上層專案，而不是比對每個節點。

另請參閱:

PWA 視窗控制件重疊的工具

應用程式工具在指令清單下有新的視窗控制項重疊區段，可協助 PWA 開發人員查看其應用程式如何處理視窗控制件的預覽，而不需要安裝 PWA 並進行容納視窗控制項所需的樣式變更：

應用程式工具中的 [視窗重疊控件] 區段

使用 [視窗控件重迭 ] 區段來模擬 Windows、Linux 和 macOS 的視窗控制件。

另請參閱:

來自 Chromium 專案的公告

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