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

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

启用“启用 CSS 选择器统计信息 (慢速) ”复选框时,“性能”工具中的左侧边栏会在“见解”选项卡中显示 CSS 选择器的成本。 现在,选择器具有指向包含它们的样式表的链接。

某些选择器在样式表中的多个位置定义或在多个样式表中定义时,它们可能具有多个链接。 例如,两个链接将显示为 [1]、 [2]。 用户代理样式表或动态创建的样式表中的选择器没有链接。

CSS 选择器成本链接

另请参阅:

右键单击“快速视图”工具栏中的选项卡向左或向右移动

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

右键单击“快速视图”工具栏上的工具选项卡的上下文菜单

另请参阅:

堆快照对象按构造函数名称和内存工具中的源位置分类

以前,当堆快照摘要视图中的 JavaScript 对象按其构造函数的名称分组时,不同的构造函数可能具有相同的名称,这意味着不相关的对象最终可能位于同一组中。

现在,JS 对象根据其构造函数名称和源位置分组在一起。

另请参阅:

Chromium项目的公告

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

另请参阅