代码之家 › 专栏 › 技术社区 › Alex

找出哪些函数密集使用CPU

dom html jquery javascript

Alex · 技术社区 · 14 年前

我经常使用jQuery,尤其是在淡入淡出或滑动等动画中:)

所以我在元素上附加了不同的函数,比如

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

或

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

关于我使用的一些元素 livequery 不指定事件(因此它检测正在DOM中添加的新元素)。

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

这需要大量的CPU。

不管怎样,我要问的是是否有一个应用程序或类似的东西,比如一个代码剖析器,它可以告诉我这些连接在选择器/事件上的函数的CPU使用量。

5 回复 | 直到 13 年前

Marek Sapota 14 年前

基于WebKit的浏览器(如Chrome)在开发人员工具中有cpu配置选项卡,这可能是您正在寻找的。

Community CDub 7 年前

使用Chrome和Safari中的开发工具,或者Firefox中的Firebug,查看Profiles部分。在IE8中,按F12打开自己的开发工具和分析。这个问题 asked, answered, and accepted 已经在stackoverflow上了。

Brad Christie 14 年前

Firefox中的Firebug有一个很棒的profile选项卡,它将显示脚本的运行和执行时间(如果这正是您想要的话)

James Kovacs 14 年前

如前所述,许多现代浏览器包括探查器。您可能还想签出jQuery Profile插件,作为对这些探查器的补充。。。

Josiah Ruddell 14 年前

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

推荐文章

Ezz Deghedy · 如何获取数据和读取响应

1 年前

StuP · 响应式Vue组件在数据更改时不更新

2 年前

burr · 让jQuery选择器识别新添加的DOM元素[关闭]

2 年前

viboven · Javascript DOM未从ID检测到按钮,表示其为null[已关闭]

2 年前

Toufique E Joarder · 将<li>移动到第n个位置并使用JavaScript更改href链接

2 年前

HASEEB ALAM RAFIQ · 如何在react中获取QuerySelector所有html元素?

2 年前

J. Hu · “表单提交已取消,因为表单未连接”[重复]

7 年前

pploypiti · 选择所有其他ID不是“this”的元素。id'

7 年前

xiaolingxiao · 导航到页面后运行javascript

7 年前

Voodoobear · 如何将数字变量插入replaceWith(JavaScript)

7 年前