在下圖測試代碼第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的原創技術文章,請關注公眾號"汪子熙"或者掃描下面二維碼:


