浏览器中的高级分析javascript

Question

我正在寻找一个在浏览器中配置javascript的好工具。我现在使用的是什么问题：
Chrome - 在重新加载页面后开始分析时，加载页面需要无穷大。不可能完成
Firefox - 使用firebug进行性能分析不易读取（总计每个函数的摘要）。 __例如

我正在寻找一个配置文件，这样我就不仅可以看到每个功能“吃”了多少时间。但要分析每个调用和子调用。

与KCacheGrind显示类似的东西。

Answer 1

如果您可以将应用转换为独立应用，并且如果设备上的分析适合您，则可以使用英特尔XDK及其下的不同分析类型。您可以通过以下链接找到更多信息：https://software.intel.com/en-us/html5/articles/using-the-profile-tab

CDT和XDK分析器之间的差异如下：

• CPU分析器 - XDK按行所花费的时间注释源文件，而不仅仅是调用树
• 内存分析器 - XDK分析器更加以功能为中心，并指出哪些功能（调用树）通过线路分配的自身和总内存分配内存和注释源视图。您可以看到自下而上的视图并查看热点分配更多内容或切换到被调用者视图并分析哪个高级函数通过库调用隐式分配了很多。

Answer 2

这是我写的一个工具：http://yellowlab.tools

它会在页面加载时发送并记录对DOM的每个JS访问。完美的工具，可以了解正在发生的事情并优化浏览器端的JS性能。

只需启动测试，然后点击“JS时间线”标签。