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

Nor*_*rtl 91 javascript browser performance profiling

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

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

geo*_*wa4 62

萤火

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

console.profile([title])
//also see
console.trace()
Run Code Online (Sandbox Code Playgroud)

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

黑鸟

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

  • 萤火虫很好,但是我不敢相信有很多人在这里念诵"萤火虫,萤火虫!" 在OP明确表示他想要从多个浏览器中分析他的代码之后. (9认同)

Vin*_*nce 20

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

  • +1,Speed Tracer很好,而且(不像OP所提到的)在不仅仅是Firefox中分析您的代码以了解单个浏览器如何影响它是很重要的. (2认同)

Jas*_*ing 12

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

JavaScript函数调用分析

希望有所帮助.