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 menurut fungsi, dan lainnya.
Ringkasan
Panel Memory memungkinkan Anda merekam empat jenis profil. Jenis profil ini menampilkan snapshot dari berbagai perspektif dan memberikan utilitas yang bervariasi:
- Snapshot heap: Menampilkan distribusi memori di antara objek JavaScript halaman Anda dan node DOM terkait.
- Instrumentasi alokasi di linimasa: 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 minimum dan dapat digunakan untuk operasi yang berjalan lama. Ini memberikan perkiraan yang baik dari alokasi yang dikelompokkan menurut stack eksekusi JavaScript.
- Elemen terpisah: Menampilkan objek yang dipertahankan oleh referensi JavaScript.
Anda dapat memilih instance JavaScript VM 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 Show Memory, lalu tekan Enter. DevTools menampilkan panel Memory di bagian atas jendela DevTools.
Atau, Anda dapat membuka panel Memori dengan cara berikut:
- Di panel tindakan di bagian atas, klik Panel lainnya, lalu pilih Memory dari menu drop-down.
- Di pojok kanan atas, pilih Opsi lainnya > Alat lainnya > Memori.