Firefox是否允许使用＆＃34;聚合＆＃34;来分析JS应用程序？火焰图？

Question

Firefox开发者工具支持flame charts，但似乎时间用作X轴：

  

在火焰图表视图中，沿X轴的是时间。上面的截图涵盖了从1435ms到1465ms的一段时间。沿Y轴是该时间点调用堆栈上的函数，顶层位于顶层，叶函数位于底部。功能采用颜色编码，以便更容易区分。

通常，火焰图使用百分比作为X轴，例如：pyflame或Brendan Gregg's flame graphs。

我发现基于时间的火焰图令人困惑，并且错过了获得每个函数的聚合时间的能力（就内容而言类似于Call Tree，但以更直观的方式表示）。此外，如果一个函数很短但被多次调用，很容易错过它，而在＆＃34;聚合＆＃34;火焰图表它会突出显而易见。要了解为什么基于时间的火焰图表令人困惑，让我借用another post中的示例 - 诚然在Chrome中，但问题类似：

即使某些功能占总时间的30％，也不会在上图中看到。

有没有办法（通过插件或设置）我可以让Firefox显示所选时间片的聚合火焰图而不是基于时间的火焰图？

Answer 1

似乎extending the DevTools相当有限，除非您正在创建自己的面板，但您无法真正访问其中的探查器以生成您的火焰图。

您仍然可以将录制的配置文件保存到JSON文件中，解析它，并创建自己的Flame Graph，它可以计算总的聚合运行时间。

您还可以尝试使用Gecko Profiler Add-on进行更高级的分析。但是，您将在同一条船上，因为您需要将其导出以对配置文件数据进行自己的聚合。