在下圖測試代碼第13行和第16行設斷點. 以調試方式運行，首先斷點在第13行處觸發:

打開Chrome開發者工具，點擊Profiles tab, 再點擊按鈕"Take Snapshot":

生成一個Snapshot, ID為3:

繼續以調試mode執行代碼到第16行，點擊按鈕"Take heap snapshot"以生成第二個snapshot。從下拉菜單里選擇"Objects allocated between Snapshot 3 and Snapshot 4":

在下圖Summary里用變量名"arra"做filter,即可找出在snapshot3和snapshot4之間內存占用最高的變量arra:

將鼠標停留在arra上即可查看這個變量包含的內容:

要獲取更多Jerry的原創技術文章，請關注公眾號"汪子熙":

總結

以上是生活随笔為你收集整理的利用Chrome的Heap Snapshot功能分析一个时间段内的内存占用率的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。