stats.js 浏览器帧率检测

最新推荐文章于 2024-08-08 08:26:30 发布

阿豪boy

最新推荐文章于 2024-08-08 08:26:30 发布

阅读量528

点赞数

文章标签： dom js javascript gwt latex

本文链接：https://blog.csdn.net/qq_35516360/article/details/122065381

版权

本文介绍了如何使用stats.js库来检测浏览器的帧率。stats.js是一个小巧的JavaScript库，能够实时显示FPS（每秒帧数）信息，有助于优化网页性能。通过安装并简单调用，可以在页面中添加一个显示帧率的小图表，点击图表可以切换不同的显示模式。此外，也可以通过在控制台运行JS代码动态添加stats.js到页面中。

摘要由CSDN通过智能技术生成

原文链接: stats.js 浏览器帧率检测

上一篇: call,apply 和 bind 原生实现

下一篇: webworker 动态化，无需 JS 文件创建 worker

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

安装

npm install stats.js -D

使用

import Stats from "stats.js";

var stats = new Stats();
stats.showPanel(0); // 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);