Chrome DevTools v66如何录制堆分配并调出堆分配柱状图？

嘿，我懂你的困扰——谷歌那篇旧文档确实没跟上DevTools的更新节奏！别着急，我一步步教你找到你要的堆分配柱状图：

• 先别在Performance面板耗着了，Chrome把堆分配的详细分析功能挪去Memory面板啦
• 打开DevTools后切换到Memory面板，在顶部的下拉选项里选中Allocation Instrumenter（注意别选Heap snapshot或者Allocation Sampling）
• 你已经勾选了Record heap allocation stack traces，这步做的很对，保持它勾选状态就好
• 点击面板上的Start按钮，然后去执行你要分析的页面操作（比如触发某个会产生堆分配的交互）
• 操作完成后点Stop，这时候你就能看到熟悉的、按分配大小排序的柱状图了，和旧文档里的样式一致

至于你在Performance面板看到的堆内存折线图，它只是用来展示整体内存的变化趋势，帮你快速定位内存波动的时间点；而你要的堆分配明细（也就是那个柱状图），现在都集中在Memory面板的Allocation Instrumenter模式下啦。

内容的提问来源于stack exchange，提问作者Kyle Vassella