Dale St. Marthe
Bellek paneli, JavaScript nesnelerinin bellek dağılımını görmenize, bellek sızıntılarını bulup izole etmenize, bellek tahsisine işleve göre döküm almanıza ve daha fazlasına olanak tanıyan teşhis araçları sağlar.
Genel Bakış
Bellek paneli dört profil türünü yakalamanıza olanak tanır. Bu profil türleri, size farklı bakış açılarından anlık görüntüler sunar ve farklı faydalar sağlar:
- Yığın anlık görüntüsü: Sayfanızın JavaScript nesneleri ve ilgili DOM düğümleri arasındaki bellek dağılımını gösterir.
- Zaman çizelgesinde ayırma enstrümantasyonu: Donatılmış JavaScript bellek tahsislerinin zamanlamasını gösterir. Profil kaydedildikten sonra, içinde ayrılan ve kaydın sonunda hala canlı olan nesneleri görmek için bir zaman aralığı seçebilirsiniz. Bellek sızıntılarını izole etmek için bu profil türünü kullanın.
- Tahsis örnekleme: Örnekleme yöntemini kullanarak bellek ayırma işlemlerini kaydeder. Bu profil türü çok az performans yükü oluşturur ve uzun süreli işlemlerde kullanılabilir. JavaScript yürütme yığınına göre ayrılmış ayırmalarla ilgili iyi tahminler sağlar.
- Ayrılmış öğeler: JavaScript referansı tarafından saklanan nesneleri gösterir.
Bu profillerin her birini çalıştıracak bir JavaScript VM örneği seçebilirsiniz.
Daha fazla bilgi edinmek için aşağıdaki makaleleri inceleyin:
Bellek panelini açma
Anı panelini açmak için:
- Geliştirici Araçları'nı açın.
- Aşağıdaki tuşlara basarak Komut menüsünü açın:
- macOS: Komut+Üst Karakter+P
- Windows, Linux, ChromeOS: Control+Üst Karakter+P
memoryyazmaya başlayın, Hafızayı Göster'i seçin ve Enter tuşuna basın. Geliştirici Araçları, Geliştirici Araçları pencerenizin üst kısmında Bellek panelini gösterir.
Alternatif olarak, Hafıza panelini aşağıdaki yöntemlerle de açabilirsiniz:
- Üst kısımdaki işlem çubuğunda Diğer paneller'i tıklayın ve açılır listeden Bellek'i seçin.
- Sağ üst köşede Diğer seçenekler > Diğer araçlar > Bellek'i seçin.