Chrome 时间轴不会在火焰图上显示所有调用

Posted

技术标签:

【中文标题】Chrome 时间轴不会在火焰图上显示所有调用【英文标题】:Chrome Timeline does not show all calls on a flame chart 【发布时间】:2016-06-10 08:19:26 【问题描述】:

在使用 Google Chrome 时间轴功能时,我注意到一件奇怪的事情。在我的 PC 上,工作场所的火焰图非常平坦,仅显示 1-2 个函数调用深度。我的第一个想法是:“嗯,这就是这个东西的工作方式”。但是当我从家里打开同一个 web 应用程序时,火焰图要高得多,显示所有函数调用。

两个浏览器的版本相同(51.0.2704.84 m - 目前最新)。 DevTools 中的所有设置都是一样的。

工作中计算机的火焰图:

家中电脑的火焰图:

我的问题很简单:为什么工作中的计算机没有显示完整的调用图,我该如何解决这个问题?

【问题讨论】:

嗨,你解决过这个问题吗?我有一个类似的 【参考方案1】:

是否在“事件日志”选项卡(下方)下检查了所有内容?我看到您的底部屏幕截图中看不到绘画和渲染事件。

【讨论】:

是的。在这两种情况下,都会检查所有内容。 我一辈子都无法找到一种方法让 Chrome 不显示所有 JS 事件,而且似乎也没有理由让它这样做 - 所以它不是特征。两个配置文件是否应该显示完全相同的处理?换句话说,应用程序和执行的步骤是否 100% 相同?我必须问一下,因为您的家庭 PC 配置文件显示更多 CPU 活动,并且我看到该应用程序在两台 PC 的 localhost 上运行。 代码 100% 相同:完全相同的提交,完全相同的数据。我注意到的是家用电脑在异步回调上停止:它显示具有回调注册的函数(例如调用 setTimeout 的函数),但不显示回调处理程序本身。【参考方案2】:

看起来像是您的工作计算机上的一个错误。它根本没有显示 JS 框架。如果仍然可以重现,请提交至https://crbug.com

我假设您在录制时标记了 JS Profile 复选框。

【讨论】:

以上是关于Chrome 时间轴不会在火焰图上显示所有调用的主要内容,如果未能解决你的问题,请参考以下文章

Dask 仪表板配置文件选项卡使用情况(又名火焰图)

我可以查看 Chrome 分析数据的火焰图吗?

火焰图(Flame Graphs)

Linux性能分析专题屠龙宝刀绘制传说中的cpu火焰图

如何看火焰图?

Firefox 是不是允许使用“聚合”火焰图来分析 JS 应用程序?