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

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

这是网页：http://leojian.me/（3D 立方体只能在 webkit 浏览器中查看）。

您可以分析渲染一帧或几帧所需的时间，这样您就可以了解客户端上的 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 应该是多少。