通过

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

以下是 Microsoft Edge DevTools 稳定版中的最新功能。

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

新的试验“性能”面板：show 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 项目的以下更新：

另请参阅