JavaScript性能监控器

JavaScript性能监控器

简介

检测参数说明

实践

var stats = new Stats();
stats.showPanel(0); // 0: fps, 1: ms, 2: mb, 3+: custom
// Align top-left
stats.domElement.style.position = 'absolute';
stats.domElement.style.left = '0px';
stats.domElement.style.top = '0px';
document.body.appendChild(stats.domElement);

function animate() {
stats.begin();
// 监控代码写这里

stats.end();
requestAnimationFrame(animate);
}
// 此为测试效果，当有监控代码时，需改成animate();
requestAnimationFrame(animate);