Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
分析javascript执行的最佳方法是什么?_Javascript_Performance_Browser_Profiling - Fatal编程技术网

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

分析javascript执行的最佳方法是什么?,javascript,performance,browser,profiling,Javascript,Performance,Browser,Profiling,有好的javascript分析器吗?我知道firebug对评测代码有一些支持。但我想在更大范围内确定统计数据。 假设您正在构建大量javascript代码,并且希望确定代码中的瓶颈是什么。首先,我想查看每个javascript函数的配置文件统计信息和执行时间。接下来将包括DOM函数。这与减慢速度的操作(如渲染树上的操作)相结合将是完美的。我认为,如果性能在我的代码、DOM准备或渲染树/视觉系统的更新中被破坏,这会给人留下很好的印象 有什么接近我想要的吗?或者什么是实现我所描述的大部分功能的最佳工

有好的javascript分析器吗?我知道firebug对评测代码有一些支持。但我想在更大范围内确定统计数据。 假设您正在构建大量javascript代码,并且希望确定代码中的瓶颈是什么。首先,我想查看每个javascript函数的配置文件统计信息和执行时间。接下来将包括DOM函数。这与减慢速度的操作(如渲染树上的操作)相结合将是完美的。我认为,如果性能在我的代码、DOM准备或渲染树/视觉系统的更新中被破坏,这会给人留下很好的印象

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

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

您需要调用
console.profileEnd()
来结束配置文件块。请参见此处的控制台API:

黑鸟
Blackbird()还有一个更简单的分析器(可以从下载)

Firebug+Firefox是必备的。IE 8的开发者工具栏还内置了一个分析器(IE 8随开发者工具栏一起提供)。

Safari 4的web inspector还包括一个分析器(尽管夜间版本改进了wrt.recursive函数调用)。Web Inspector还支持Firebug的profiler API。

虽然提到了Firebug,但您还需要了解Firebug的另一个特性,即Firebug插件名为;John Resig在这篇博文中谈到了这一点:


希望对你有所帮助。

对于JavaScript、XmlHttpRequest、DOM访问、渲染时间和IE6、7和8的网络流量,你可以使用免费的Chrome开发工具内置的档案器。

我写过我了解firefox。我想从浏览器中获得更多影响javascript执行的统计信息。Firebug也是如此,如果不想编写代码,您可以直接从控制台进行分析。Firebug几乎是您将获得的最佳工具。同样的东西也适用于Safari Web Inspector Firebug很好,但我不敢相信,就在OP明确表示要从多个浏览器中评测代码之后,有这么多人在这里高呼“Firebug,Firebug!”。+1,Speed Tracer很好,而且很重要(正如OP提到的)不只是在Firefox中评测您的代码,看看各个浏览器对其有何影响。这里似乎是下载链接-请,说明如何在浏览器中作为插件/扩展安装。如果
NODE\u ENV=production NODE--prof app.js
不行,请参阅或获取替代方案。
console.profile([title])
//also see
console.trace()