這些是 Microsoft Edge DevTools 穩定版的最新功能。
影片:DevTools 104 的最新動態
在 3D 視圖中使用圖層
獨立的 圖層 工具在 Microsoft Edge 104 版本中已被移除。 在先前版本的 Microsoft Edge 中, 圖層 工具會將使用者導向 3D 檢視 工具。
在 3D 檢視 工具中, 複合圖層 檢視包含了你喜歡的 圖層 工具的所有功能,還有一些更新。 合成圖層檢視現在由另外兩個視覺除錯窗格補充:DOM 與 Z-index。 將這些額外視圖與 複合圖層 檢視結合,以提升除錯效果。
另請參閱:
在 Issues 工具中,長請求網址已被縮短
問題工具提供建議,以提升網頁的無障礙性、效能、安全性等。 其中一些建議包括連結到網路請求,會在 網路 工具中開啟。
過去,與網路請求相關的問題會顯示整個網路請求的網址。 當這些網址過長時,佔據大量空間,使問題清單難以瀏覽。 在 Microsoft Edge 104 中,這些長請求 URL 連結被截斷以減少空間。 連結仍然指向 網路工具的 相關部分。
在先前版本的 Microsoft Edge:
在 Microsoft Edge 版本 104 中:
另請參閱:
Detached Elements 工具的可及性提升
2025 年 3 月更新: 分離元素 工具已被移除。 要除錯 DOM 記憶體洩漏,請使用記憶體工具中的分離元素剖析類型。
在先前版本的 Microsoft Edge 中,當選擇分離 元素表時 ,輔助技術只會顯示「表格」以及列數和欄位數。 在 Microsoft Edge 104 版本中,這個問題已被修正。 在分離 元素 功能中選擇分離元素表時,輔助技術現在會顯示「分離元素清單、表格」以及列數和列數。
另請參閱:
- 用於調查分離元素 的工具 ,包含於 Fix memory problems。
- 利用輔助科技導航開發工具
修正:代表網頁插槽流量的箭頭現在在網路工具中正確呈現
在先前版本的 Microsoft Edge 中,當檢查網路工具中的網頁套接字流量時,表示訊息是從用戶端還是伺服器發送的箭頭顯示錯誤。 在 Microsoft Edge 104 中,這個問題已經修正。 感謝您對此問題的回饋!
- 綠色上箭頭 (
) 代表客戶端發送的訊息。 - 紅色下箭頭 (
) 代表伺服器發送的訊息。
另請參閱:
Chromium 計畫的公告
Microsoft Edge 104 也包含 Chromium 專案的以下更新:
- 除錯時重啟框架
- 在來源面板中依作者/部署群組檔案
- 效能洞察面板中的新用戶時序追蹤
- 揭示元素分配欄位
- 模擬硬體並行進行效能錄製
- 自動補全 CSS 變數時預覽非顏色值
- 在後退/前置快取窗格中識別阻塞的框架
- JavaScript 物件的自動補全建議改進
- Sourcemaps 改進