什么是测量现代HTML5浏览器中帧速率（即FPS）的最准确方法？我特别关注Canvas动画的FPS。如http://weblogs.mozillazine.org/roc/archives/2010/11/measuring_fps.html所述，尝试通过计算setTimeout运行频率来测量帧速率是不准确的。在屏幕绘制之间，浏览器可以多次运行您的Timeout回调。原来Mozilla有window.mozPaintCount https://developer.mozilla.org/en/DOM/window.mozPaintCount可用，它应该提供准确的FPS。但是，这仅适用于Mozilla。Chrome存在类似的开放问题：http://code.google.com/p/chromium/issues/detail?id=65348。在Mac上，Chrome中检查硬件加速的FPS的一种手动方式是获取Chrome Beta频道（截至发布日期），然后转到about:flags并打开FPS计数器。但是，在Mac上只有使用WebGL时才会启用加速。因此，无法检查Mac上Chrome的Canvas的FPS。还有哪些精确测量HTML5 FPS的策略？谢谢！
1个回答
10
请查看:
https://github.com/mrdoob/stats.js - 这是我知道的最好的FPS监视器。它还会提供一些有关内存/CPU使用情况的统计信息（您必须使用特殊参数运行浏览器以公开该数据），但也可能受到您所描述的不准确性的影响。
此外，在新版本的Chrome中（可能是金丝雀流）应该有一个选项可以在about:flags中显示FPS。
- wildcard
2
谢谢，我一直在使用Chrome的 about:flags 中的FPS显示功能，但那只有当你启用硬件加速时才能开启。 - Seth Ladd
1我得去看看mrdoob的stats.js，我很好奇他是如何测量FPS的。 - Seth Ladd
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接