【问题标题】:Two pictures are there in single frame in chrome dev tools perf panelchrome dev tools perf 面板中的单帧中有两张图片
【发布时间】:2020-08-17 06:13:16
【问题描述】:

我在 chrome 开发工具性能面板中测试了网页,我发现在单帧间隔内有两个图像。看截图

在截图中,在一帧 43ms 上,看到帧中有两张图片。

我的理解是在单帧中,页面的单个图像被发送到显示器进行渲染,但是当我在性能面板中检查时,看到帧的两个图像,任何人都可以帮助我理解为什么这两个图像单帧进来

另外一些帧图像位于开发工具的帧之间。

提前感谢您的帮助。

【问题讨论】:

  • 每个绘制操作都会显示屏幕截图,当视频或图片在 GPU 进程中异步解码时,这些屏幕截图可能会异步发生。尝试将图表一直向下滚动并展开 RasterGPU 行。

标签: google-chrome-devtools


【解决方案1】:

与chrome团队成员讨论后,发现这是开发工具性能面板中的bug,见https://bugs.chromium.org/p/chromium/issues/detail?id=798755&q=frame&can=4

问题在于性能开发工具面板,框架和屏幕截图之间没有关系,您可以在这个简单的示例中看到https://event-loop-tests.glitch.me/count-anim.html

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-10-31
    • 1970-01-01
    • 2018-11-23
    • 2020-04-26
    • 2022-07-06
    • 2018-04-08
    • 2019-03-09
    相关资源
    最近更新 更多