如何准确测量HTML5浏览器Framerates(FPS)？

在现代 HTML5浏览器中最准确的测量帧速率(即FPS)的方法是什么？我对于帆布动画的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 Beta频道(截至发布日期),然后转到about：flags并打开FPS Counter.但是,在Mac上,加速仅在使用WebGL时打开.所以,没有办法在Chrome for Mac上检查Canvas的FPS.

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

谢谢！

解决方法

请检查：

> https://github.com/mrdoob/stats.js – 这是我知道的最好的FPS监视器.它还提供了有关mem / cpu使用情况的一些统计信息(您必须使用特殊参数运行浏览器才能公开数据),但也可能会受到您所描述的不准确的影响.
> https://github.com/pcwalton/firefox-framerate-monitor

此外,在新的chrome构建(可能是金丝雀流)中,应该有一个选项可以在about：flags中显示FPS.

原文地址：https://www.jb51.cc/html5/168677.html