這些是 Microsoft Edge 穩定版本中的最新開發工具功能。
影片：DevTools 104 的新增功能
在 3D 檢視中使用圖層
獨立 圖層 工具已從 Microsoft Edge 版本 104 中移除。 在舊版的 Microsoft Edge 中， 圖層 工具會將使用者重新導向至 3D 檢視 工具。
在「 3D 視圖 」工具中，「 複合圖層 」視圖具有您喜愛的「 圖層 」工具的所有功能，以及一些更新。 [ 複合圖層 ] 檢視現在由另外兩個視覺偵錯窗格補充： DOM 和 Z-index。 將這些額外檢視與 [複合圖層] 檢視結合，以改善偵錯。
![[3D 檢視] 工具中的 [複合圖層] 索引標籤](devtools-104-images/3d-view-composited-layers.png)
另請參閱:
在 [問題] 工具中，長要求 URL 已縮短
[ 問題] 工具提供改善網頁協助工具、效能、安全性等方面的建議。 其中一些建議包括在 [網路 ] 工具中開啟之網路要求的連結。
先前，與網路要求相關的問題會顯示網路要求的整個 URL。 當這些 URL 很長時，它們會佔用大量空間，使問題清單難以瀏覽。 在 Microsoft Edge 104 中，這些長要求 URL 連結已經被截斷，以佔用較少的空間。 連結仍會導向 至 [網路 ] 工具的相關部分。
在舊版的 Microsoft Edge 中：
在 Microsoft Edge 版本 104 中：
另請參閱:
改良 [分離元素] 工具的協助工具
2025 年 3 月更新：已移除 「分離元素」 工具。 若要偵錯 DOM 記憶體流失，請使用記憶體工具中的 [分離元素] 分析類型。
在舊版的 Microsoft Edge 中，在 [ 分離元素 ] 功能中選取分離元素表格時，輔助技術只會讀出「表格」以及列數和欄數。 在 Microsoft Edge 版本 104 中，這個問題已經修正。 在 [分離元素 ] 功能中選取分離元素表格時，輔助技術現在會讀出「分離元素清單、表格」以及列數和欄數。
另請參閱:
- 用於調查 [修正記憶體問題] 中分離元素的工具。
- 使用輔助技術瀏覽 DevTools
修正：代表 Web 通訊端流量的箭頭現在可在 [網路] 工具中正確呈現
在舊版的 Microsoft Edge 中，在網路工具中檢查網頁通訊端流量時，代表訊息是從用戶端或伺服器傳送的箭號未正確呈現。 在 Microsoft Edge 版本 104 中，這個問題已經修正。 感謝您向我們提供有關此問題的意見反應！
- 綠色向上箭號 (
) 代表用戶端傳送的訊息。 - 紅色向下箭號 (
) 代表伺服器傳送的郵件。
另請參閱:
來自 Chromium 專案的公告
Microsoft Edge 104 也包含來自 Chromium 專案的下列更新：
- 偵錯期間重新啟動框架
- 在 [來源] 面板中依 [已撰寫 / 已部署] 將檔案分組
- [效能深入解析] 面板中的 [新使用者計時] 追蹤
- 顯示元素的指派位置
- 模擬效能錄製的硬體並行
- 自動完成 CSS 變數時預覽非色彩值
- 在 [向後/向前快取] 窗格中識別封鎖框架
- 改良 JavaScript 物件的自動完成建議
- Sourcemaps 改進功能