如何准确测量HTML5浏览器帧？

Question

在现代HTML5浏览器中，最精确的测量框架的方法是什么？我对画布动画的FPS特别感兴趣。

http://weblogs.mozillazine.org/roc/archives/2010/11/measuring_fps.html会告诉您，试图通过计算setTimeout运行的频率来度量框架是不准确的。浏览器可以在屏幕绘制之间多次运行超时回调。

原来Mozilla有一个可用的window.mozPaintCount https://developer.mozilla.org/en/DOM/window.mozPaintCount，它应该提供一个精确的FPS。然而，这只适用于Mozilla。

Chrome也有一个类似的问题：http://code.google.com/p/chromium/issues/detail?id=65348

在Chrome中检查硬件加速FPS的一种手动方法是抓取Chrome频道(截止发帖日期)，然后转到FPS计数器:标志和打开FPS计数器。然而，在Mac上，只有在使用WebGL时才能启动加速。因此，无法在上检查FPS的画布。

准确测量HTML5 FPS的其他策略是什么？

谢谢!

Answer 1

请核对：

• https://github.com/mrdoob/stats.js -这是我所知道的最好的FPS显示器。它还提供了有关mem/cpu使用情况的一些统计数据(您必须使用特殊参数运行浏览器才能公开该数据)，但也可能会受到described.
• https://github.com/pcwalton/firefox-framerate-monitor

不准确的影响。

另外，在新的chrome构建(可能是金丝雀流)中，应该有一个在about:flags中显示FPS的选项。