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 存储库中提交问题。

在 3D 视图中使用层

Microsoft Edge 版本 104 中删除了独立 工具。 在早期版本的 Microsoft Edge 中, 工具将用户重定向到 3D 视图 工具。

3D 视图 工具中, “复合图层 ”视图包含你喜欢的 “图层” 工具的所有功能,以及一些更新。 复合层视图现在由另外两个可视化调试窗格补充:DOMZ 索引。 将这些附加视图与 复合层 视图组合在一起,以便更好地进行调试。

3D 视图工具中的“复合层”选项卡

另请参阅:

在“问题”工具中,已缩短长请求 URL

“问题”工具提供改进网页的可访问性、性能、安全性等的建议。 其中一些建议包括指向在 网络工具中 打开的网络请求的链接。

以前,与网络请求相关的问题会显示网络请求的整个 URL。 当这些 URL 很长时,它们占用了大量空间,使得问题列表难以浏览。 在 Microsoft Edge 104 中,这些长请求 URL 链接已被截断,以占用更少的空间。 这些链接仍指向 网络 工具的相关部分。

在早期版本的 Microsoft Edge 中:

问题工具显示长 URL,使问题条目过高

在 Microsoft Edge 版本 104 中:

显示 URL 截断以节省垂直空间的问题工具

另请参阅:

改进了分离元素工具的辅助功能

在早期版本的 Microsoft Edge 中,在“ 分离 元素”工具中选择分离元素的表时,辅助技术仅公布“表”以及行数和列数。 在 Microsoft Edge 版本 104 中,此问题已修复。 在“ 分离 元素”工具中选择分离元素的表时,辅助技术现在将报出“分离元素列表,表”以及行数和列数。

分离的元素列表,表,5 行,3 列

另请参阅:

修复:表示 Web 套接字流量的箭头现在在网络工具中正确呈现

在早期版本的 Microsoft Edge 中,在网络工具中检查 Web 套接字流量时,表示消息是从客户端还是服务器发送的箭头未正确呈现。 在 Microsoft Edge 104 中,此问题已修复。 感谢你向我们发送你关于此问题的反馈!

  • 绿色向上箭头 (绿色向上箭头) 表示客户端发送的消息。
  • 红色向下箭头 (红色向下箭头) 表示服务器发送的消息。

网络工具

另请参阅:

Chromium项目的公告

Microsoft Edge 104 还包括来自 Chromium 项目的以下更新: