Goo*_*bot 3 javascript css debugging firebug
有很多用于调试JavaScript代码的工具（如 FireBug、Chrome 控制台），但是否有用于调试进程的工具。这可能需要监视资源（例如 CPU）使用情况以找到进程中的瓶颈。
我创建了用于移动元素的 Javascript 动画（在更简单的情况下打开/关闭菜单），但现在移动是平滑的。不同的因素会导致过载，例如重的 CSS3 渐变。但是如何检测限速过程呢？
这确实是大多数网站的问题。打开网页时，javascript 进程的过载会终止页面加载。大多数动画/菜单操作都已损坏。
当JavaScript动画运行不流畅时，如何调试问题？
或者更普遍的问题，如何监控运行 JS 进程的资源使用情况，使网页更轻（在资源有限的计算机上加载速度更快）？
我会在 Chrome 中使用时间轴-> 帧。保罗爱尔兰对此有很多精彩的演讲，这里是一个https://www.youtube.com/watch?v=Vp524yo0p44
另外做动画的时候不要使用setTimeout/setInterval，精度不够好。而是使用 requestAnimationFrame。可以在此处找到有关 requestAnimationFrame 的更多信息。http://paulirish.com/2011/requestanimationframe-for-smart-animating/
编辑：Paul 的这个演讲在浏览器中的速度和调试速度方面也非常有趣：https : //www.youtube.com/watch?v=MllBwuHbWMY，这里是最近讨论的 2D 变换与绝对定位：https： //www.youtube.com/watch?v=NZelrwd_iRs
| 归档时间： |
|
| 查看次数： |
1545 次 |
| 最近记录： |