首頁 > 網際網路

chrome memory 使用方法

2019-12-18 14:00:45

chrome瀏覽器自帶一個memory功能,可以檢視當前網頁的JavaScript占用的記憶體情況,本文就為你詳細介紹使用方式

1

開啟chrome瀏覽器,進入百度頁面


2

在瀏覽器上按F12,進入開發者模式,開啟後,看到如圖所示介面


3

點選F12出來的介面中的【Memory】選項,可以看到三個主要的選項:

     1)Heap snapshot:堆快照

     2)Allocation instrumentation on timeline:分時段的記憶體占用

     3)Allocation sampling:分配抽樣


4

在【Memory】索引標籤中,選中第一個,點選左上角的實心圓圖示,就會開始快照當前記憶體堆中的資訊,快照完成後,右側自動顯示各種物件佔用的記憶體大小


5

錄製完成後,左側會顯示一個選項,點選滑鼠右鍵有三個選單,點選【Delete】就可以刪除剛剛的快照,點選【Save】可以將快照儲存起來,供今後檢視,點選【Load】是重新載入右側資料


6

在【Memory】索引標籤中,選中第二項,點選左上角的實心圓圖示,這個是需要手動再次點選這個圖示,用於結束錄製的。錄製完成後,同樣可以看到這段時間內的JavaScript物件佔用的記憶體,並且是可以拖動時間回看的



7

在【Memory】索引標籤中,選中第三項,點選左上角的實心圓圖示,這個需要手動再次點選這個圖示,結束錄製的。錄製完成後,可以看到JavaScript物件佔用的記憶體情況




IT145.com E-mail:sddin#qq.com