Chrome devtools配置文件火焰图中每种颜色的含义是什么

Question

当我使用Chrome devtools的配置文件工具记录javascript CPU运行时间，并切换到火焰图时，我看到很多颜色块，一些块的颜色看起来相似，有些是不同的。

每种颜色代表什么？有什么区别？

Answer 1

颜色只是为了使图表可读（而且漂亮！），没有与它们相关的特殊含义。每个函数都有一个随机颜色，可以让你轻松发现对同一函数的调用。

我在下面创建了两个完全相同的code快照（重新启动之间的DevTools）：

Answer 2

正如Chrome Dev Site

所述

  

＆＃34;火焰图中的颜色相当随机，但是在调用过程中函数的颜色始终相同。这允许您查看执行模式，然后更容易发现异常值。与时间轴中使用的颜色无关。＆＃34;