嗯 对 2023-01-19 12:01 采纳率: 50%
浏览 39

chrome 的frame rate图表形式是否有办法配置

目前在研究网页端页面的操作展示流畅性,需要实时获取网页的帧率数据,检查是否有卡顿的情况。
想请教下chrome-devtools-render开启后的帧率显示是否有别的展示形式,目前只能看到丢帧时有红线提示,没有折线图。

目前开启后的形式是这样:

img


期望的折线图类似这样:(从网上翻到的但不知道怎么设出来)

img

尝试了在性能监视器里面找,但这里只有对资源的监控,没有帧率监控。

img

  • 写回答

1条回答 默认 最新

  • johnny233 新星创作者: Java技术领域 2023-01-21 00:26
    关注

    F12,打开控制台,即devtool,右上角,操作示意图:

    img


    勾选:Frame Rendering Stats

    img


    然后可以看到:

    img

    评论

报告相同问题?

问题事件

  • 修改了问题 1月19日
  • 创建了问题 1月19日