stats.js 使用文档

Question

stats.js 下载链接：https://github.com/mrdoob/stats.js

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

构造函数 Stats

创建 stats 对象

var myStats=new Stats();

界面输出控制

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

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

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

stats 方法 setMode(mode)

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

setMode 参数 mode 默认值为 0

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

myStats.setMode（1）;

参数 mode	模式	意义
0	FPS	刷新频率,一秒渲染次数
1	MS	刷新周期，渲染一次时间

stats 方法 update()

requestAnimationFrame 循环调用的函数中调用方法 update()，来刷新时间

myStats.update();