文件javascript的CPU和内存使用情况

Question

我做了我的第一个画布，你可以在这里看到它My Canvas。 这个画布的主要思想是，当你用光标对着他们逃脱的点时。 我现在想要的是知道我的画布将使用用户PC的资源多少。例如，RAM，CPU或GPU。 特别是，在我的脚本中有一个每7ms调用一次的函数：

setInterval (spiderFree, 7);

我想知道这对于一台电脑来说是多么昂贵。 但问题是，如何控制因脚本而导致的计算机资源支出？

Answer 1

你应该看看this article from Paul Irish on his requestAnimationFrame cross-browser shim。

它将首先尝试根据浏览器功能优化帧，并且还支持旧的非GPU启用浏览器。

来自jQuery ticket：

优点：

• 让浏览器选择最佳动画节目＆＃39;率（而不是我们的 任意13ms）

• 切换标签

时大大减少动画CPU使用率

• 有助于保持动画同步

• Full list of claimed benefits here

这是行业标准＆＃39;确保动画的最佳帧速率和资源利用率的方法。

Answer 2

除了Alex的好答案外，请记住您可以使用Firefox的开发者工具（F12）。您可以使用“性能”选项卡查看代码执行的确切时间以及哪些部分占用时间最长。您还可以使用“画布”选项卡分析帧。 （您需要从“设置”标签中启用这些功能）。