stats.js

JavaScript性能监控器,可以测试webgl代码的渲染性能。

github Usage

构造函数

var myStats=new Stats();

界面输出控制

使用构造函数Stats创建对象时,构造函数中的Javascript代码默认创建一个id是stats的div元素,默认位置页面左上角,如果想设置界面的显示效果,可以修改stats源码

//把stats创建的div元素插入页面,domElement是对象的属性,属性值就是stats创建的div元素

document.getElementById("body").appendChild(myStats.domElement);

方法

  • setMode(mode)

可以已通过setMode()方法的参数mode的数值设置首次打开页面,测试结果的显示模式,鼠标单击可以更换不同的显示模式

setMode参数mode默认值为0

设置测试结果显示模式为MS

myStats.setMode(1);
参数mode 模式 意义
0 FPS 刷新频率,一秒渲染次数
1 MS 刷新周期,渲染一次时间
  • update()

刷新

//requestAnimationFrame循环调用的函数中调用方法update(),来刷新时间
myStats.update();

results matching ""

    No results matching ""