Dale St. Marthe
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 Memory memungkinkan Anda merekam tiga jenis profil. Jenis profil ini menunjukkan ringkasan dari berbagai perspektif dan menyediakan berbagai kegunaan:
- Snapshot heap. Cuplikan heap menunjukkan distribusi memori di antara objek JavaScript halaman dan node DOM terkait.
- Instrumentasi alokasi di linimasa. Linimasa alokasi menunjukkan 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 sampling. Jenis profil ini memiliki overhead performa minimal dan dapat digunakan untuk operasi yang berjalan lama. 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 Memory dengan cara berikut:
- Pada panel tindakan di bagian atas, klik double_arrow Panel lainnya dan pilih Memory dari menu drop-down.
- Di sudut kanan atas, pilih more_vert Opsi lainnya > Alat lainnya > Memori.