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. 单击其中一个灰色框以获取有关该框的特定信息
在 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. 单击其中一个灰色框以获取有关该框的特定信息