在2018年Chrome Dev Tools中记录堆分配？

Question

Google关于如何执行此操作的文档现已过时：https://developers.google.com/web/tools/chrome-devtools/memory-problems/allocation-profiler

开发工具UI自写完之后就已经改变了（我使用的是v66），我无法弄清楚如何进入堆分配条形图，如下所示：

有谁可以带我走过这个？我已经转到设置并检查了Record heap allocation stack traces，我认为这是执行此操作所需的一步。在性能标签中，我检查了memory框并记录了一些操作，但是一旦完成，我会获得更多的堆线图，而不是条形图：

HALP？

Answer 1

将内存分析器移至“内存”面板。您正在寻找的那个称为“时间轴上的分配工具”。