js 性能监控器

简介

stats.js 是一个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() {
    stats.begin();
    // 监控代码写这里

    stats.end();
    requestAnimationFrame(animate);
})();

Screenshots（图片来自github）

检测参数说明

• FPS 帧渲染的最后一秒。数字越高越好。
• MS 渲染一帧需要毫秒。数字越低就越好。
• MB 分配的内存字节。（运行铬-启用精确的内存信息）。
• CUSTOM 用户定义的面板支持。