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

Question

我制作了一个相当CPU密集型的网页,里面有很多CSS3和Javascript.我想使用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应该是什么.