Web uygulamanızın manifesti, hizmet çalışanları, depolama alanı ve önbelleğe alınan verileri dahil olmak üzere birçok yönünü incelemek, değiştirmek ve hata ayıklamak için Uygulama panelini kullanın.
Genel Bakış
Uygulama paneli, alt menüler içeren dört bölüme ayrılmıştır. Bu bölümler ve alt menüler aşağıda verilmiştir:
Uygulama: Uygulamanın manifest dosyası, servis çalışanları ve depolama alanı dahil olmak üzere uygulamayla ilgili genel bilgileri içerir.
- Manifest sekmesi,
manifest.json
'teki bilgileri kullanıcı dostu bir şekilde sunar. Ayrıca, varsa ilgili bölümde hataları ve uyarıları da gösterir. - Hizmet çalışanları sekmesi, push etkinliklerini taklit ederek, bir hizmeti güncelleyerek ve daha fazlasını yaparak hizmet çalışanlarını incelemenize ve hata ayıklamanıza olanak tanır.
- Depolama sekmesinde, önbellek depolama alanı, IndexedDB ve servis çalışanları tarafından kullanılan belleğin dağılımını gösteren bir pasta grafiği bulunur. Ayrıca site verilerini temizleyebilir ve özel depolama alanı kotasını simüle edebilirsiniz.
Depolama alanı: Bir web uygulamasının kullandığı farklı depolama alanı yöntemlerini görüntüleyin ve düzenleyin.
- Yerel ve Oturum depolama alanı listeleri, bir kaynak seçmenize ve ilişkili depolama yöntemlerinin anahtar/değer çiftlerini düzenlemenize olanak tanır.
- IndexedDB listesi veritabanlarını içerir ve tarayıcıdan nesne depolarını incelemenize olanak tanır.
- Çerezler listesi, bir kaynak seçmenize ve anahtar/değer çiftlerini düzenlemenize olanak tanır.
- Gizli durum jetonları ve İlgi grupları, ilgili jetonları ve varsa grupları incelemenize olanak tanır.
- Paylaşılan depolama alanı listesi, bir kaynak seçmenize ve ilişkili anahtar/değer çiftlerini inceleyip düzenlemenize olanak tanır.
- Önbellek depolama alanı listesi, mevcut önbellekleri içerir ve bu önbelleklerin kaynaklarını incelemenize, filtrelemenize ve silmenize olanak tanır.
Arka plan hizmetleri: Arka plan hizmetlerini inceleyin, test edin ve hata ayıklayın.
- Geri/ileri önbellek sekmesi, tarayıcıda geri/ileri önbellek üzerinde testler çalıştırmanıza olanak tanır. Ayrıca geri/ileri önbelleğe almayı engelleyebilecek sorunları da bildirir.
- Arka planda getirme sekmesi, Arka Planda Getirme API'den üç güne kadar etkinlik kaydetmenize olanak tanır.
- Arka plan senkronizasyonu sekmesi, Arka Plan Senkronizasyonu API'sinden üç güne kadar etkinlik kaydetmenize olanak tanır.
- Hemen çıkma durumunu izleme çözümleri sekmesi, hemen çıkma durumunu izleme tekniğini kullanarak siteler arası izleme gerçekleştirdiği anlaşılan sitelerin durumunu tanımlamanıza ve silmenize olanak tanır.
- Bildirimler sekmesi, push mesajlarını üç güne kadar kaydetmenize olanak tanır.
- Ödeme işleyici sekmesi, ödeme işleyici etkinliklerini üç güne kadar kaydetmenize olanak tanır.
- Periyodik arka plan senkronizasyonu sekmesi, senkronizasyona kaydolma, arka plan senkronizasyonu gerçekleştirme ve kaydını silme gibi periyodik arka plan senkronizasyonu yaşam döngüsünde üç güne kadar önemli etkinlikleri kaydetmenize olanak tanır.
- Tahmine dayalı yüklemeler sekmesi, tahmine dayalı yüklemelerde hata ayıklamanızı sağlar. Tahmine dayalı durumu, kural gruplarını ve tahmine dayalı yükleme girişimlerini gösterir.
- Push mesajları sekmesi, push mesajlarını üç güne kadar kaydetmenize ve günlüğe kaydetmenize olanak tanır.
- Reporting API sekmesi, sitenizi izler ve desteği sonlandırılan API çağrılarını ve güvenlik ihlallerini bildirir.
Çerçeveler: Sayfaları ve kaynakları birden fazla görünüme ayırır ve Güvenlik ve İzolasyon, İçerik Güvenliği Politikası, API kullanılabilirliği gibi alakalı bilgileri gösterir.
Uygulama panelini açma
Uygulama 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
application
yazmaya başlayın, Uygulamayı Göster'i seçin ve Enter tuşuna basın. Geliştirici Araçları, DevTools pencerenizin üst kısmında Uygulama panelini gösterir.
Alternatif olarak, Uygulama panelini aşağıdaki yöntemlerle de açabilirsiniz:
- Üstteki işlem çubuğunda Diğer paneller'i tıklayın ve açılır listeden Uygulama'yı seçin.
- Sağ üst köşede Diğer seçenekler > Diğer araçlar > Uygulama'yı seçin.