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

Question

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

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

Answer 1

颜色只是使图表可读(而且很漂亮!),没有与它们相关的特殊含义.每个函数都有一个随机颜色,可以让您轻松识别对同一函数的调用.

我已经制作了两个完全相同的代码快照(重新启动之间的DevTools):

Answer 2

正如Chrome Dev网站上提到的那样

"火焰图表中的颜色相当随机,但是在调用过程中,函数的颜色始终相同.这使您可以看到执行模式,然后更容易发现异常值.与时间轴中使用的颜色没有关联."