共用方式為


DevTools (Microsoft Edge 104 有什麼新)

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

影片:DevTools 104 的最新動態

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

在 3D 視圖中使用圖層

獨立的 圖層 工具在 Microsoft Edge 104 版本中已被移除。 在先前版本的 Microsoft Edge 中, 圖層 工具會將使用者導向 3D 檢視 工具。

3D 檢視 工具中, 複合圖層 檢視包含了你喜歡的 圖層 工具的所有功能,還有一些更新。 合成圖層檢視現在由另外兩個視覺除錯窗格補充:DOMZ-index。 將這些額外視圖與 複合圖層 檢視結合,以提升除錯效果。

3D 檢視工具中的 Composited Layers 標籤

另請參閱:

在 Issues 工具中,長請求網址已被縮短

問題工具提供建議,以提升網頁的無障礙性、效能、安全性等。 其中一些建議包括連結到網路請求,會在 網路 工具中開啟。

過去,與網路請求相關的問題會顯示整個網路請求的網址。 當這些網址過長時,佔據大量空間,使問題清單難以瀏覽。 在 Microsoft Edge 104 中,這些長請求 URL 連結被截斷以減少空間。 連結仍然指向 網路工具的 相關部分。

在先前版本的 Microsoft Edge:

問題工具顯示一個很長的網址,導致問題條目過高

在 Microsoft Edge 版本 104 中:

問題工具顯示為節省垂直空間而截斷網址

另請參閱:

Detached Elements 工具的可及性提升

2025 年 3 月更新: 分離元素 工具已被移除。 要除錯 DOM 記憶體洩漏,請使用記憶體工具中的分離元素剖析類型。

在先前版本的 Microsoft Edge 中,當選擇分離 元素表時 ,輔助技術只會顯示「表格」以及列數和欄位數。 在 Microsoft Edge 104 版本中,這個問題已被修正。 在分離 元素 功能中選擇分離元素表時,輔助技術現在會顯示「分離元素清單、表格」以及列數和列數。

分離元素列表、表格、5 列、3 欄

另請參閱:

修正:代表網頁插槽流量的箭頭現在在網路工具中正確呈現

在先前版本的 Microsoft Edge 中,當檢查網路工具中的網頁套接字流量時,表示訊息是從用戶端還是伺服器發送的箭頭顯示錯誤。 在 Microsoft Edge 104 中,這個問題已經修正。 感謝您對此問題的回饋!

  • 綠色上箭頭 (綠色上箭頭) 代表客戶端發送的訊息。
  • 紅色下箭頭 (紅色下箭頭) 代表伺服器發送的訊息。

網路工具

另請參閱:

Chromium 計畫的公告

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

另請參閱