google-chrome - Chrome devtools 配置文件火焰图中的每种颜色是什么意思

标签 google-chrome google-chrome-devtools profiler

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

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

最佳答案

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

我制作了两个完全相同的快照 code下面(在两者之间重新启动 DevTools):
flame chart #1
flame chart #2

关于google-chrome - Chrome devtools 配置文件火焰图中的每种颜色是什么意思,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20605590/

相关文章:

google-chrome - 谷歌浏览器扩展 : captureVisibleTab problem

google-chrome - Chrome 无法使用 chromedriver2.9 在 CentOS 上启动

google-chrome - Chrome 开发者工具中正则表达式搜索中的换行符

c++ - 您可以使用哪些技术来分析您的代码

java - 是否有 IntelliJ Java Profiler

javascript - 我可以使用内容脚本 js 文件以编程方式注入(inject) CSS 文件吗?

javascript - 为什么 Firefox 在页面加载时触发 mouseenter 事件?

xcode - 有人在山狮上成功使用 OpenGL 分析器吗?

css - 在另一个 SVG 标签内显示仅包含样式的 SVG 标签

html - 在 chrome inspector css 面板中选择属性的一部分