配置javascript执行的最佳方法是什么？

Question

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

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

Answer 1

Firebug

Firebug提供了非常详细的分析报告。它会告诉你每个方法调用在一个巨大的（详细的）表中需要多长时间。

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

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

黑鸟

Blackbird（ official site ）也有一个更简单的分析器（可以从here下载）

Answer 2

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

Answer 3

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

  

JavaScript Function Call Profiling

希望有所帮助。

Answer 4

Firebug + Firefox是必备的。 IE 8的开发人员工具栏中还内置了一个分析器（IE 8附带开发人员工具栏）。

Answer 5

Safari 4的网络检查员还包括一个分析器（尽管夜间版本是改进的。递归函数调用）。 Web Inspector还支持Firebug的分析器API。

Answer 6

对于IE6,7和7的JavaScript，XmlHttpRequest，DOM访问，渲染时间和网络流量。 8你可以使用免费dynaTrace AJAX Edition