Panel Memory menyediakan alat diagnostik yang memungkinkan Anda melihat distribusi memori objek JavaScript, menemukan dan mengisolasi kebocoran memori, mendapatkan perincian alokasi memori berdasarkan fungsi, dan banyak lagi.
Ringkasan
Panel Memori memungkinkan Anda merekam tiga jenis profil. Jenis profil ini menampilkan ringkasan dari berbagai perspektif dan memberikan beragam utilitas:
- Snapshot heap. Cuplikan heap menunjukkan distribusi memori di antara objek JavaScript halaman Anda dan node DOM terkait.
- Instrumentasi alokasi di linimasa. Linimasa alokasi menampilkan alokasi memori JavaScript berinstrumen dari waktu ke waktu. Setelah profil direkam, Anda dapat memilih interval waktu untuk melihat objek yang dialokasikan di dalamnya dan masih aktif pada akhir perekaman. Gunakan jenis profil ini untuk mengisolasi kebocoran memori.
- Pengambilan sampel alokasi. Merekam alokasi memori menggunakan metode pengambilan sampel. Jenis profil ini memiliki overhead performa minimal dan dapat digunakan untuk operasi yang berjalan lama. Fungsi ini memberikan perkiraan yang baik dari alokasi yang dikelompokkan oleh stack eksekusi JavaScript.
Anda dapat memilih instance VM JavaScript untuk menjalankan setiap profil ini.
Untuk mempelajari lebih lanjut, lihat:
Membuka panel Memori
Untuk membuka panel Memory:
- Buka DevTools.
- Buka menu Command dengan menekan:
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
- Mulai ketik
memory
, pilih Tampilkan Memori, lalu tekan Enter. DevTools menampilkan panel Memory di bagian atas jendela DevTools.
Atau, Anda dapat membuka panel Memori dengan cara berikut:
- Pada panel tindakan di bagian atas, klik double_arrow Panel lainnya lalu pilih Memori dari menu drop-down.
- Di pojok kanan atas, pilih more_vert Opsi lainnya > Alat lainnya > Memori.