DevTools (Microsoft Edge 124) 中的新增功能

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

postMessage 事件和处理程序与其他事件区分开来

新的试验时间线:显示 postMessage 调度和处理流改进了性能工具的 Main 部分,通过将 方法触发postMessage的事件与性能工具中显示的其他事件区分开来,帮助你快速识别postMessage事件和处理程序。 此试验可帮助你调查与跨应用程序的各个线程发布消息相关的性能问题,以查看窗口、iframe 和专用辅助角色之间的消息。

如果没有此试验,通过调度和处理应用程序线程之间的消息触发的事件显示为泛型脚本函数调用事件。 启用此试验后:

  • postMessage 调度事件显示为 Schedule postMessage
  • postMessage 处理程序事件显示为 On Message

性能工具中的“计划 postMessage”事件和“On Message”事件

此试验可帮助你调查 postMessage 何时发生调用,以及消息在 postMessage 处理程序启动前排队的时间。 调度事件通过单击任一类型的事件时显示的发起程序箭头链接到处理程序事件:

将调度事件链接到处理程序事件的箭头

若要使用此功能,请在 DevTools 中,选择“自定义和控制 DevTools” (“自定义和控制 DevTools”图标) >“设置试验”>,选中复选框“时间线:显示 postMessage 调度和处理流”,单击“关闭 (X) ”按钮,然后单击“重载 DevTools”按钮。

另请参阅:

通过右键单击活动栏中向左或向右移动选项卡

在Microsoft Edge 124 之前,只能通过拖动选项卡来重新排列 活动栏中 的选项卡。 对于使用轨迹球或头部指针等输入设备的用户来说,这很困难。 现在,还可以通过右键单击选项卡,然后选择“ 向左移动 ”或“向右移动”来向左或 向右移动选项卡:

右键单击活动栏上的工具选项卡的上下文菜单

另请参阅:

使用替代或限制时,“网络”选项卡显示警告图标

使用替代或限制时,最新版本停止在 网络 工具的选项卡中显示警告图标。 此问题已修复。 在 “源” 工具中启用本地替代时,“ 网络 ”选项卡现在会显示一个警告图标:

使用本地替代时显示警告图标的网络工具选项卡

此外,在 “网络 ”工具中打开限制时,“ 网络 ”选项卡现在会显示警告图标:

使用限制时显示警告图标的网络工具选项卡

另请参阅:

Chromium项目的公告

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