找出哪些函数占用大量 CPU答案

【问题标题】：Find out which functions use CPU intensively找出哪些函数占用大量 CPU
【发布时间】：2011-05-11 14:33:58
【问题描述】：

我经常使用 jQuery，尤其是对于渐变或滑动等动画：)

所以我在元素上附加了各种功能，例如

$(".fade").each(function(....)

或

$('*[class*="slide-"]').each(function(...)...

在某些元素上我使用livequery 而不指定事件（因此它会检测到正在添加到 DOM 中的新元素）。

$('*[class*="slide-"]').livequery(function(...

这会占用大量 CPU。

无论如何，我要问的是，是否有应用程序或其他东西（例如代码分析器）可以显示 CPU 使用了多少 CPU 使用这些挂在选择器/事件上的函数中的每一个。

【问题讨论】：

【解决方案1】：

Firefox 中的 Firebug 有一个很棒的配置文件选项卡，它会向您显示脚本运行和执行时间（如果您正在寻找的话）

【讨论】：

【解决方案2】：

使用 Chrome 和 Safari 中的开发者工具，或 Firefox 中的 Firebug，并查看配置文件部分。在 IE8 中，按 F12 打开它自己的开发者工具和 profiling。这个问题也已经asked, answered, and acceptedstackoverflow 上。

【讨论】：

【解决方案3】：

基于 WebKit 的浏览器（如 Chrome）在开发者工具中有 cpu 分析选项卡，这可能是您正在寻找的。p>

【讨论】：

【解决方案4】：

如前所述，许多现代浏览器都包含分析器。您可能还想查看 jQuery Profile 插件作为对这些分析器的补充...

【讨论】：

【解决方案5】：

新的 IE9 beta 开发者工具栏也有一个不错的分析器。

【讨论】：