本篇內(nèi)容主要講解“怎么使用Chrome的Heap Snapshot功能”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“怎么使用Chrome的Heap Snapshot功能”吧!

創(chuàng)新互聯(lián)建站專注骨干網(wǎng)絡(luò)服務(wù)器租用10余年，服務(wù)更有保障！服務(wù)器租用，鄭州服務(wù)器托管 成都服務(wù)器租用，成都服務(wù)器托管，骨干網(wǎng)絡(luò)帶寬，享受低延遲，高速訪問。靈活、實(shí)現(xiàn)低成本的共享或公網(wǎng)數(shù)據(jù)中心高速帶寬的專屬高性能服務(wù)器。

在下圖測試代碼第13行和第16行設(shè)斷點(diǎn). 以調(diào)試方式運(yùn)行，首先斷點(diǎn)在第13行處觸發(fā):

打開Chrome開發(fā)者工具，點(diǎn)擊Profiles tab, 再點(diǎn)擊按鈕"Take Snapshot":

生成一個Snapshot, ID為3:

繼續(xù)以調(diào)試mode執(zhí)行代碼到第16行，點(diǎn)擊按鈕"Take heap snapshot"以生成第二個snapshot。從下拉菜單里選擇"Objects allocated between Snapshot 3 and Snapshot 4":

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

將鼠標(biāo)停留在arra上即可查看這個變量包含的內(nèi)容:

到此，相信大家對“怎么使用Chrome的Heap Snapshot功能”有了更深的了解，不妨來實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！