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 bir 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ırmaların iyi bir tahminini 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 için:
Bellek panelini açma
Bellek panelini açmak için:
- DevTools'u açın.
- Aşağıdaki tuşlara basarak Komut menüsünü açın:
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Denetleyici+Üst Karakter+P
memoryyazmaya başlayın, Hafızayı Göster'i seçin ve Enter tuşuna basın. Geliştirici Araçları, DevTools 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.