我正在进行一系列测试（小型研究），以观察流体动画的差异（通过测量每秒帧数），使用JS动画对象或JS与CSS3进行动画制作。
我已经找到了一些在JS中获取FPS计数器（计量器）的解决方案，但每当我调用渲染功能时我都需要调用它。如果动画完全是在javascript部分完成的，那就没问题。如果我决定从使用JS制作动画到CSS3，据我所知，无法检测到该交易的速度有多快。
我知道对于webkit浏览器（在Chrome中测试过），我可以通过开发人员工具获得此类信息，但由于我将在其他平台上进行测试，我正在寻找通用解决方案。
任何想法，建议，指出我正确方向的任何事情都会受到赞赏。谢谢。
答案 0 :(得分：0)
所以我找到了解决方案。它被称为FPSMeter，它是由David Corvoysier开发的。您可以找到该库以及更多相关信息here。
基本上他提出了一个好主意，只需在页面正文中附加1个CSS动画元素即可。然后他使用过渡来为该元素设置动画，并在每个requestAnimationFrame上尝试计算该元素的计算位置。在每一秒他然后简单地计算元素占据的不同位置的数量。基于此，他获得了FPS。