chrome 开发工具:时间轴中缺少框架视图

chrome dev tools: frame view is missing from timeline

在 Chrome 开发工具时间轴中曾经有一个在事件、帧和内存视图之间切换的选项。

现在,只有事件视图:(

我的开发工具:

开发工具文档:

确保您的 frame view 确实可见。

在下面的示例中,内存和框架 window 彼此非常接近,看起来您 frame view 消失了。

只需拖动 frame view window 边框(下图中的 A 和 B)即可将其展开。

旧框架 UX 已删除。现在为时间轴提供了一个视图。帧现在在当前概览区域中显示为 'FPS'。有问题的帧在该视图的顶部和帧本身都标有红色勾号。

然而,与旧 UX 不同的是,新框架是 "higher is more FPS"。因此,与其寻找高杆,不如寻找短杆。红色勾号指出了要注意的主要框架区域。

目前正在更新官方 DevTools 文档以反映用户体验的新重大转变。

获取frame-by帧信息的方法如下:

1.Make 确定 'flame chart view' 有效
2. 单击其中一个灰色框以获取有关该框的特定信息