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

IT技术 javascript performance browser profiling
2021-02-09 10:07:06

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

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

6个回答

萤火虫

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

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

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

黑鸟

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

我写过我知道firefox。我想从浏览器中获得更多影响 javascript 执行的统计信息。
2021-03-25 10:07:06
同样的事情在 Safari Web Inspector 中有效
2021-04-02 10:07:06
Firebug 几乎是您将获得的最佳工具。
2021-04-05 10:07:06
Firebug 也是如此,如果您不想编码,可以直接从控制台进行分析。
2021-04-08 10:07:06
Firebug 很好,但我不敢相信这里有这么多人高呼“Firebug,Firebug!” 就在 OP明确表示他想从多个浏览器分析他的代码之后。
2021-04-09 10:07:06

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

+1,Speed Tracer 很好,重要的是(正如 OP 提到的)在不仅仅是 Firefox 中分析您的代码以查看单个浏览器如何影响它。
2021-03-22 10:07:06

尽管已经提到了 Firebug,但您还想了解 Firebug 的另一件事是 Firebug 的一个名为FireUnit的插件John Resig 在这篇博文中谈到了它:

JavaScript 函数调用分析

希望有帮助。

这里似乎是下载链接 - github.com/jeresig/fireunit/tree/master
2021-03-20 10:07:06

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

Safari 4 的网络检查器还包括一个分析器(尽管 nightlies 中的版本改进了递归函数调用)。Web Inspector 还支持 Firebug 的分析器 API。