【问题标题】：What is the best way to profile javascript execution? [closed]分析 javascript 执行的最佳方法是什么？ [关闭]
【发布时间】：2010-10-25 16:52:30
【问题描述】：

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

有什么接近我想要的吗？或者什么是实现我所描述的大部分内容的最佳工具？它会是一个自编译的浏览器加上通过配置文件功能增强的 javascript 引擎吗？

【问题讨论】：

如果NODE_ENV=production node --prof app.js 不行，请参阅stackify.com/node-js-profilers 或softwarerecs.stackexchange.com 了解替代方案。

标签： javascript performance browser profiling

【解决方案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 下载）

【讨论】：

我写过我知道firefox。我想从影响 javascript 执行的浏览器中获得更多统计信息。
在 Firebug 上也是如此，如果您不想编写代码，可以直接从控制台进行分析。
Firebug 几乎是您将获得的最佳工具。
在 Safari Web Inspector 中也有同样的效果
萤火虫很好，但我不敢相信这里有这么多人高呼“萤火虫，萤火虫！”在 OP 明确表示他想从多个浏览器分析他的代码之后。

【解决方案2】：

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

【讨论】：

+1，Speed Tracer 很好，重要的是（正如 OP 所提到的）在 Firefox 中分析您的代码以查看单个浏览器如何影响它。

【解决方案3】：

虽然已经提到了 Firebug，但您还想看看 Firebug 的另一件事是一个名为 FireUnit 的 Firebug 插件； John Resig 在这篇博文中谈到了这一点：

JavaScript Function Call Profiling

希望对您有所帮助。

【讨论】：

这里似乎是下载链接 - github.com/jeresig/fireunit/tree/master

【解决方案4】：

Firebug+Firefox 是必须的。而且 IE 8 的开发者工具栏还内置了一个分析器（IE 8 附带开发者工具栏）。

【讨论】：

【解决方案5】：

Safari 4 的网络检查器还包括一个分析器（尽管 nightlies 中的版本在递归函数调用方面有所改进）。 Web Inspector 还支持 Firebug 的分析器 API。

【讨论】：

【解决方案6】：

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

【讨论】：

请说明如何在浏览器中将其安装为插件/扩展。