性能 - 分析javascript执行的最佳方法是什么?

是否有一个很好的javascript探查器? 我知道firebug对分析代码有一些支持。 但我想确定较长时间的统计数据。想象一下,您正在构建大量的JavaScript代码,并且您想要确定代码中的实际瓶颈。 首先,我想查看每个javascript函数和执行时间的配置文件统计信息。 接下来将包括DOM函数。 这与减慢渲染树上的操作的动作相结合将是完美的。 如果性能在我的代码,DOM准备或渲染树/视觉更新中被杀死,我认为这会给人留下好印象。

有什么东西接近我想要的东西吗? 或者什么是最好的工具来实现我所描述的最多? 它是一个自编编译器加上由配置文件功能增强的javascript引擎吗?

6个解决方案
62 votes

萤火

Firebug提供了非常详细的分析报告。 它将告诉您每个方法调用在巨型(详细)表中需要多长时间。

console.profile([title])
//also see
console.trace()

您需要致电console.profileEnd ()以结束您的个人资料块。 请在此处查看控制台API:[http://getfirebug.com/wiki/index.php/Console_API]

黑鸟

Blackbird(官方网站)也有一个更简单的分析器(可以从这里下载)

geowa4 answered 2019-09-11T09:35:19Z
19 votes

Chrome的开发者工具有一个内置的分析器。

Vince answered 2019-09-11T09:35:43Z
12 votes

虽然已经提到过Firebug,但是你想要用Firebug看一个额外的东西是Firebug的一个名为FireUnit的插件; John Resig在这篇博文中谈到了这个问题:

JavaScript函数调用分析

希望有所帮助。

Jason Bunting answered 2019-09-11T09:36:15Z
4 votes

Firebug + Firefox是必备的。 IE 8的开发人员工具栏也内置了一个分析器(IE 8附带开发人员工具栏)。

Chris Brandsma answered 2019-09-11T09:36:39Z
4 votes

Safari 4的Web检查器还包括一个分析器(虽然夜间版本的功能已经改进了。递归函数调用)。 Web Inspector还支持Firebug的探查器API。

olliej answered 2019-09-11T09:37:04Z
4 votes

对于IE6,7和8的JavaScript,XmlHttpRequest,DOM访问,渲染时间和网络流量,您可以使用FREEdynaTrace AJAX版

Andreas Grabner answered 2019-09-11T09:37:27Z
translate from https://stackoverflow.com:/questions/855126/what-is-the-best-way-to-profile-javascript-execution