在 WebGL 中,我可以通过记录 requestAnimationFrame 发生时间的时间戳来测量每秒帧数。
如何测量 CSS3 动画的每秒帧数?我可以测量动画花费了多长时间,但如何量化动画期间的卡顿?
最佳答案
如果您使用的是基于 webkit 的浏览器,请执行以下操作:
1.) ctrl + shift + j
调出开发工具。
2.) 在底部您会看到一个名为“渲染”的选项卡,将其向上拖动以便您可以看到它的内容。
4.) 勾选“Show FPS” meter。
FPS 仪表应出现在浏览器视口(viewport)的右上角,向您显示当前的 fps 和图表。
关于css - 如何对 CSS3 动画的 FPS 进行基准测试?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26493624/