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

Question

曾经有一个选项可以在Chrome Dev工具时间轴中切换事件,帧和内存视图.

现在,只有事件视图:(

我的开发工具:

开发工具文档:

Answer 1

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

然而,与旧的UX不同,新的框架"更高,更多FPS".因此,不应寻找高杠,而应寻找短杠.红色标记指出要注意的主要框架区域.

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

Answer 2

以下是获取逐帧信息的方法：

1. 确保“火焰图视图”处于活动状态
2. 单击其中一个灰色框架以获取有关该框架的具体信息