94

是否有适用于javascript的良好分析器？我知道firebug对分析代码提供了一些支持。但是我想确定更大范围的统计数据。假设您正在构建大量的javascript代码，并且您想确定代码中实际上是什么瓶颈。首先，我想查看每个javascript函数和执行时间的配置文件统计信息。接下来将包括DOM函数。这与放慢速度的操作（如对渲染树的操作）相结合将是完美的。我认为，如果在我的代码，DOM准备或渲染树/视觉效果的更新中失去性能，将会给人留下很好的印象。

有什么接近我想要的吗？或者，要实现我所描述的大部分内容，最好的工具是什么？它将是通过配置文件功能增强的自编译浏览器以及JavaScript引擎吗？

— 诺伯特·哈特尔
source

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

— Cees Timmerman

63

萤火虫

Firebug提供了非常详细的性能分析报告。它会告诉您每个方法调用花费一个多长时间（详细表）需要多长时间。

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

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

黑鸟

黑鸟（~~官方网站~~）也有一个简单的分析器（可以从这里下载）

— geowa4
source

我写过我认识Firefox。我想从浏览器中获取更多统计信息，以影响javascript的执行。

— 诺伯特·哈特尔

1

与Firebug一样，如果您不想对其进行编码，则可以直接从控制台进行分析。

— 克里斯B，2009年

1

Firebug就是您将获得的最佳工具。

— 2009年

1

Safari Web Inspector中也可以使用相同的功能

— olliej，2009年

9

Firebug很不错，但我不敢相信这里有这么多人高呼“ Firebug，Firebug！” 在OP 明确表示他想从多个浏览器分析其代码之后。

— JMTyler 2012年

20

Chrome的开发者工具具有内置的探查器。

— 文斯
source

2

+ 1，Speed Tracer很好，而且重要的是（如OP所述），不仅在Firefox中分析您的代码，还需要了解单个浏览器如何影响它。

— JMTyler 2012年

12

尽管提到了Firebug，但您还需要使用Firebug看看的另一件事是Firebug的插件FireUnit；John Resig在此博客文章中谈到了这一点：

JavaScript函数调用分析

希望能有所帮助。

— 杰森邦廷
source

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

— T.Todua

4

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

— 克里斯·布兰兹玛
source

4

Safari 4的Web检查器还包括一个事件探查器（尽管夜间版本已在递归函数调用中得到了改进）。Web Inspector还支持Firebug的探查器API。

— 奥利耶
source

4

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

— 安德烈亚斯·格拉布纳（Andreas Grabner）
source

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

— T.Todua '16

剖析javascript执行的最佳方法是什么？[关闭]

萤火虫

黑鸟