如何使用代码或API从chrome开发人员工具中自动获取fps计值?

时间:2018-07-25 05:52:12

标签: google-chrome frame-rate

在开发人员工具中是否可以使用任何API或一些代码来获取fps meter的值? 我们想通过自动化来测量webgl canvas中的网络性能,我们尝试了stats和requestAnimationFrame,但是fps值不同于chrome开发工具-> rendering-> fps meter中的fps meter。并且我们认为fps计可以更好地测量fps值。 有什么办法吗?

1 个答案:

答案 0 :(得分:1)

这是您想要的吗?

https://github.com/mrdoob/stats.js/

用法:

将源文件复制到您的文件夹,然后在<head>中添加脚本

<script type="text/javascript" src="../libs/stats.js"></script>

然后调用stats();

var stats = new Stats();
stats.showPanel( 1 ); // 0: fps, 1: ms, 2: mb, 3+: custom
document.body.appendChild( stats.dom );

function animate() {

    stats.begin();

    // monitored code goes here

    stats.end();

    requestAnimationFrame( animate );

}

requestAnimationFrame( animate );