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

时间:2016-01-20 13:12:58

标签: google-chrome-devtools

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

现在,只有事件视图:(

我的开发工具:

missing frames view

开发工具文档:

enter image description here

3 个答案:

答案 0 :(得分:5)

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

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

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

new_frames_view

答案 1 :(得分:2)

确保您的frame view实际可见。

在下面的例子中,内存和框架窗口彼此如此接近,看起来你frame view消失了。

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

enter image description here

答案 2 :(得分:1)

以下是如何获取逐帧信息:

1.确保火焰图表视图'活跃的 2.单击其中一个灰色框以获取该帧的特定信息

frame view in chrome timeline