使用Canvas时，Firebug变得异常缓慢

Question

我正在做一些简单的画布演示，遇到了Firebug的问题。到目前为止，我一直在Chrome上做我的测试，并优化了Canvas演示(页面背景中的Conway Game of Life )到大约20 FPS。(我希望它更快，但这是另一个问题的问题)然而，当在同一台机器上测试FF时，我得到的性能要差得多-通常大约是5-10 FPS。此外，更令人不安的是，它似乎随着时间的推移而变慢，这暗示着某种内存泄漏。

不幸的是，当我尝试使用Firebug时，who浏览器突然停了下来。它仍然具有响应性，但速度非常慢。我大约每分钟得到一帧，按钮点击通常需要2-5分钟才能响应。这里发生什么事情？

该页面的完整代码位于：https://github.com/danheidel/resume-foundation

页面本身可以在这里加载：http://danheidel.github.io/resume-foundation/#

Answer 1

伙计，StackOverflow，你最近很失望..。

无论如何，我认为如果你通过Inspector菜单(Cntl + Shift + I)使用FF分析器，而不是Firebug，它不会被卡住，而且工作得很好。

另外，我在Chrome分析器上遇到了一些问题，因为时间分辨率太低，导致结果不准确。如果您使用about:tracing打开一个选项卡，它将在所有打开的选项卡上执行非常精细的跟踪。(如果您正在分析Canvas应用程序，就像我一样，不要忘记跳到要分析的选项卡，因为RequestAnimationFrame通常不会触发，除非该选项卡处于活动状态且可见。)