如何调试Javascript进程和动画？

有很多工具可以调试

JavaScript

代码（比如FireBug、Chrome控制台），但是有没有工具可以调试进程。这可能需要监控资源（例如CPU）使用情况，以发现流程中的瓶颈

我创建了移动元素的Javascript动画（在一个简单的例子中是打开/关闭菜单），但是现在移动是平滑的。不同的因素可能导致过载，例如严重的CSS3梯度。但是如何检测速率限制过程呢

这确实是大多数网站的问题。打开网页时，javascript进程的过载会导致页面加载停止。大多数动画/菜单动作都已中断

当

JavaScript

动画运行不顺畅时，如何调试该问题

---

或者一个更一般的问题，如何监控运行JS进程的资源使用情况以使网页更轻（在资源有限的计算机上更快地加载）？

我在Windows中只使用任务管理器，但它可以使用（不仅仅是JavaScript）。

不同的机器=>不同的性能=>不同的瓶颈 如果动画运行不平稳，我会尝试降低对图形或动画本身的关注。谁说用户正在使用和你一样强大的机器？因此，他们可能比你更快地解决问题

---

但我仍然建议，因为它可以单独显示特定进程的负载。一般来说，与Windows提供的默认任务管理器相比，它是一个更具洞察力的工具。

我会在Chrome中使用timeline->frames。Paul Irish对此有很多很好的论述，这里有一个

另外，在制作动画时，不要使用setTimeout/setInterval，精度不够高。而是使用requestAnimationFrame。有关requestAnimationFrame的更多信息，请参见此处

编辑：Paul的这篇演讲对于浏览器中的速度和调试速度也很有意思：，下面是最近讨论的2D变换与绝对定位：

当JavaScript动画运行不顺畅时，如何调试问题？调试？您可能指的是其中之一：故障排除、缓解、分析。。。