我正在进行一系列测试(小型研究)，以查看使用JS动画对象或使用CSS3进行动画的JS之间的流体动画差异(通过测量每秒帧数)。
我已经找到了一些在JS中获得FPS计数器(仪表)的解决方案，但我需要每次调用渲染函数时都调用它。如果动画纯粹是在javascript部分完成的，这将是正确的。如果我决定从使用JS的动画转向使用CSS3，据我所知，没有办法检测该事务将有多快。
我知道，对于webkit浏览器(在Chrome中测试)，我可以通过开发人员工具获得这样的信息，但由于我也将在其他平台上进行测试，我正在寻找一个通用的解决方案。
任何想法，建议，任何指向我正确方向的东西，我都很感激。谢谢。所以我找到了解决方案。它被称为FPSMeter，由David Corvoysier开发。你可以在这里找到这个库和更多关于它的信息。
基本上他想出了一个好主意，简单地在页面主体中添加一个CSS动画元素。然后他使用过渡动画元素，并在每个requestAnimationFrame他试图计算该元素的计算位置。然后，他每秒钟都简单地计算元素所占据的不同位置的数量。在此基础上得到FPS