javascript - 如何使用 Javascript 测试用户计算机的处理能力？

Question

我用大量 CSS3 和 Javascript 制作了一个占用大量 CPU 资源的网页。我想使用 Javascript 来测试用户的计算机是否能够处理脚本。我认为一种可能的方法是运行一些 CPU 密集型脚本，然后查看需要多长时间。但是，我不知道如何实际实现它。

这是网页:http://leojiang.me/ (3D 立方体只能在 webkit 浏览器中查看)。

Answer 1

您可以分析渲染一帧或几帧需要多长时间，这应该让您了解客户端上的 fps 是多少。

var StartTime = new Date().getTime();
BenchMarkTestFunction(); // render frame for example
var EndTime = new Date().getTime();
var ElapsedMilliseconds = EndTime - StartTime;

var AcceptableTime = 1000; // one second
var IsGoodPerformance = ElapsedMilliseconds < AcceptableTime; // some number being acceptable performace

if(!IsGoodPerformance) {
  alert("Sorry your browser is not good enough to run this site - go somewhere else");
}

您可以通过在不同的浏览器/设备上测试您的网站并查看其性能以及 ElapsedMilliseconds 的值来确定 AcceptableTime 应该是多少。