DevTools (Microsoft Edge 104) 中的新增功能
若要检查 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 存储库中提交问题。
视频:DevTools 104 中的新增功能
在 3D 视图中使用层
Microsoft Edge 版本 104 中删除了独立 层 工具。 在早期版本的 Microsoft Edge 中, 层 工具将用户重定向到 3D 视图 工具。
在 3D 视图 工具中, “复合图层 ”视图包含你喜欢的 “图层” 工具的所有功能,以及一些更新。 复合层视图现在由另外两个可视化调试窗格补充:DOM 和 Z 索引。 将这些附加视图与 复合层 视图组合在一起,以便更好地进行调试。
另请参阅:
在“问题”工具中,已缩短长请求 URL
“问题”工具提供改进网页的可访问性、性能、安全性等的建议。 其中一些建议包括指向在 网络工具中 打开的网络请求的链接。
以前,与网络请求相关的问题会显示网络请求的整个 URL。 当这些 URL 很长时,它们占用了大量空间,使得问题列表难以浏览。 在 Microsoft Edge 104 中,这些长请求 URL 链接已被截断,以占用更少的空间。 这些链接仍指向 网络 工具的相关部分。
在早期版本的 Microsoft Edge 中:
在 Microsoft Edge 版本 104 中:
另请参阅:
改进了分离元素工具的辅助功能
在早期版本的 Microsoft Edge 中,在“ 分离 元素”功能中选择分离元素的表时,辅助技术仅公布“表”以及行数和列数。 在 Microsoft Edge 版本 104 中,此问题已修复。 在“ 分离 元素”功能中选择分离元素的表时,辅助技术现在将报出“分离元素列表,表”以及行数和列数。
另请参阅:
- 用于在修复内存问题中调查分离元素的工具。
- 使用分离元素工具调试 DOM 内存泄漏
- 使用辅助技术导航 DevTools
修复:表示 Web 套接字流量的箭头现在在网络工具中正确呈现
在早期版本的 Microsoft Edge 中,在网络工具中检查 Web 套接字流量时,表示消息是从客户端还是服务器发送的箭头未正确呈现。 在 Microsoft Edge 104 中,此问题已修复。 感谢你向我们发送你关于此问题的反馈!
- 绿色向上箭头 (
) 表示客户端发送的消息。
- 红色向下箭头 (
) 表示服务器发送的消息。
另请参阅:
Chromium项目的公告
Microsoft Edge 104 还包括来自 Chromium 项目的以下更新: