以下是 Microsoft Edge DevTools 稳定版中的最新功能。
CSS 选择器成本现在包括见解边栏中的链接
启用“启用 CSS 选择器统计信息 (慢速) ”复选框时,“性能”工具中的左侧边栏会在“见解”选项卡中显示 CSS 选择器的成本。 现在,选择器具有指向包含它们的样式表的链接。
某些选择器在样式表中的多个位置定义或在多个样式表中定义时,它们可能具有多个链接。 例如,两个链接将显示为 [1]、 [2]。 用户代理样式表或动态创建的样式表中的选择器没有链接。
另请参阅:
- 在 DevTools (Microsoft Edge 131) 中的新增功能中查看性能工具边栏中的 CSS 选择器成本。
右键单击“快速视图”工具栏中的选项卡向左或向右移动
以前,只能通过拖动选项卡在 快速视图中 重新排列选项卡。 对于使用轨迹球或头部指针等输入设备的用户来说,这很困难。 现在,还可以通过右键单击选项卡,然后选择“ 向左移动 ”或“向右移动”来向左或 向右移动选项卡:
另请参阅:
- 在 DevTools 概述中的活动栏中固定和重新排列工具。
堆快照对象按构造函数名称和内存工具中的源位置分类
以前,当堆快照摘要视图中的 JavaScript 对象按其构造函数的名称分组时,不同的构造函数可能具有相同的名称,这意味着不相关的对象最终可能位于同一组中。
现在,JS 对象根据其构造函数名称和源位置分组在一起。
另请参阅:
Chromium项目的公告
Microsoft Edge 132 还包括来自 Chromium 项目的以下更新:
- 管理应用程序 > 存储中的扩展存储
- 性能改进
- “动画”面板和“元素 > 样式”选项卡改进
- 在传感器中计算压力仿真
- 在“内存”面板中按源分组的同名 JS 对象
- 设置的新外观
- 性能见解面板已弃用并从 DevTools 中删除