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

问题描述:

Chrome开发工具时间轴中的事件,框架和内存视图之间有一个选项可用于切换。Chrome开发工具:时间轴中缺少框架视图

现在,只有在事件查看:(

我的开发工具:

missing frames view

开发工具文档:

enter image description here

下面是如何通过帧帧信息来获得:

1.确保“火焰图表视图”是活性
2.点击灰色帧中的一个以获得特定的信息在该框架上

frame view in chrome timeline

确保您frame view是实际上可见。

在下面的例子中,内存和框架窗口非常接近,看起来像frame view消失了。

只需简单地通过拖动frame view窗口边框(下图中的A和B)来展开它。

enter image description here

+0

谢谢!这些信息帮助我找到了逐帧信息现在的位置。关键在于,“火焰图表视图”必须处于活动状态,正如您在图像中指出的那样。 – CodeToad

旧框架UX被删除。现在为时间线提供了一个单一的视图。框架现在在当前概览区域中显示为'FPS'。故障帧在该视图的顶部和帧本身上都标有红色标记。

然而,与旧的UX不同的是,新的帧“更高就是更多的FPS”。因此,不要寻找高杠,而应寻找短杠。红色的勾号指出了要注意的主要框架区域。

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

new_frames_view

+0

谢谢你的澄清。你从哪里得到这些信息? – CodeToad

+0

什么信息? UX已更新或文档正在更新? – Garbee

+0

该文档。我真的需要尽可能最新,最深入的文档。一些数据似乎几乎随机可用。例如,绿色图像解码条有时会描述正在解码的图像,有时不会。 – CodeToad