利用Chrome的Heap Snapshot功能分析一個時間段內的內存佔用率

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

利用Chrome的Heap Snapshot功能分析一個時間段內的內存佔用率

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

利用Chrome的Heap Snapshot功能分析一個時間段內的內存佔用率

生成一個Snapshot, ID爲3:

利用Chrome的Heap Snapshot功能分析一個時間段內的內存佔用率

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

利用Chrome的Heap Snapshot功能分析一個時間段內的內存佔用率

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

利用Chrome的Heap Snapshot功能分析一個時間段內的內存佔用率

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

利用Chrome的Heap Snapshot功能分析一個時間段內的內存佔用率

利用Chrome的Heap Snapshot功能分析一個時間段內的內存佔用率

要獲取更多Jerry的原創技術文章,請關注公衆號"汪子熙"或者掃描下面二維碼:

利用Chrome的Heap Snapshot功能分析一個時間段內的內存佔用率

利用Chrome的Heap Snapshot功能分析一個時間段內的內存佔用率

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章