我正在研究一些简单的Canvas演示,并且遇到了Firebug的问题。到目前为止,我一直在Chrome上进行测试,并将Canvas演示(页面背景中的Conway Game of Life)优化到大约20 FPS。 (我希望它更快,但这是另一个问题) 但是,当在同一台机器上进行FF测试时,性能会更差 - 通常约为5-10 FPS。此外,更令人不安的是,它似乎随着时间的推移而缓慢,暗示某种内存泄漏。
不幸的是,当我尝试使用Firebug时,谁的浏览器会停止运行。它仍然响应但速度极慢。我每分钟获得一帧,按钮点击通常需要2-5分钟才能响应。这里发生了什么?
该页面的完整代码位于:https://github.com/danheidel/resume-foundation
可以在此处加载页面本身:http://danheidel.github.io/resume-foundation/#
答案 0 :(得分:1)
男人,StackOverflow,你最近很失望......
无论如何,我想通过如果你通过Inspector菜单(Cntl + Shift + I)而不是Firebug使用FF探查器,它并没有全部卡住并且工作得非常好。
另外,由于时间分辨率过于粗糙,我在Chrome分析器上遇到了一些问题,导致结果不准确。如果打开带有about:tracing的选项卡,它将在所有打开的选项卡上执行极其精细的分辨率跟踪。 (如果您正在分析Canvas应用程序,就像我一样,不要忘记跳转到要分析的选项卡,因为RequestAnimationFrame通常不会触发,除非该选项卡处于活动状态且可见。)