Web uygulamanızın manifest dosyası, hizmet çalışanları, depolama alanı ve önbellek verileri de dahil olmak üzere birçok özelliğini 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. Söz konusu bölümler ve alt menüler aşağıda verilmiştir:
Uygulama: Uygulamanın manifest dosyası, hizmet çalışanları ve depolama alanı dahil, uygulama hakkında kapsamlı bilgiler içerir.
- Manifest sekmesi,
manifest.jsonuygulamasındaki bilgileri kullanıcı dostu bir şekilde sunar. Ayrıca, varsa hataları ve uyarıları ilgili bölümde gösterir. - Hizmet çalışanları sekmesi, push etkinliklerini emüle ederek, bir hizmeti güncelleyerek ve daha pek çok işlemi yaparak Service Worker'ları incelemenize ve hata ayıklamanıza olanak tanır.
- Storage sekmesi önbellek depolama, IndexedDB ve hizmet çalışanları tarafından kullanılan bellek dağılımını gösteren bir pasta grafik içerir. Ayrıca site verilerini temizleyebilir ve özel bir depolama kotası simüle edebilirsiniz.
Depolama: Bir web uygulaması tarafından kullanılan farklı depolama yöntemlerini görüntüleyin ve düzenleyin.
- Yerel ve Oturum depolaması listeleri, bir kaynak seçmenize ve ilişkili depolama yöntemlerinin anahtar/değer çiftlerini düzenlemenize olanak tanır.
- IndexedDB listesi veritabanları içerir ve nesne depolarını tarayıcıdan incelemenize olanak tanır.
- Çerezler listesi, bir kaynak seçmenize ve anahtar/değer çiftlerini düzenlemenize olanak tanır.
- Gizlilik jetonları ve İlgi alanı 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 incelemenize ve düzenlemenize olanak tanır.
- Önbellek depolama alanı listesi kullanılabilir önbellekleri içerir ve bunların kaynaklarını incelemenize, filtrelemenize ve silmenize olanak tanır.
Arka plan hizmetleri: Arka plan hizmetlerini inceleyin, test edin ve bunlarda 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 bildirilir.
- Arka planda getirme sekmesi, üç güne kadar Arka Plan Getirme API'si'nden etkinlik kaydetmenize olanak tanır.
- Arka planda senkronizasyon sekmesiyle üç güne kadar Arka Plan Senkronizasyonu API'sından etkinlik kaydedebilirsiniz.
- Hemen çıkma izleme çözümleri sekmesi, hemen çıkma izleme tekniğini kullanarak siteler arası izleme gerçekleştirdiği görülen sitelerin durumunu tanımlamanıza ve silmenize olanak tanır.
- Bildirimler sekmesi, push mesajlarınızı üç güne kadar kaydetmenize olanak tanır.
- Ödeme işleyici sekmesi, Ödeme İşleyici etkinliklerini üç güne kadar kaydetmenize olanak tanır.
- Periyodik arka plan senkronizasyonu sekmesi, düzenli arka plan senkronizasyonu yaşam döngüsünde üç güne kadarki önemli etkinlikleri (senkronizasyon için kaydolma, arka planda senkronizasyon gerçekleştirme ve kaydı iptal etme gibi) kaydetmenize olanak tanır.
- Tahmine dayalı yüklemeler sekmesi, Tahmine dayalı yüklemeler için hata ayıklamanızı sağlar. Bu alanda kurgusal durum, kural grupları ve tahmine dayalı yükleme denemeleri gösterilir.
- Push mesajları sekmesi, push mesajlarını en fazla üç gün süreyle kaydetmenizi ve günlüğe kaydetmenizi sağlar.
- Reporting API sekmesi, sitenizi izler ve kullanımdan kaldırılmış 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örüntüler.
Uygulama panelini açma
Uygulama 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: Command+Üst Karakter+P
- Windows, Linux, ChromeOS: Control+Üst Karakter+P
applicationyazmaya başlayın, Uygulamayı Göster'i seçin ve Enter tuşuna basın. DevTools, Geliştirici Araçları pencerenizin üst kısmında Uygulama panelini görüntüler.
Alternatif olarak, Uygulama panelini aşağıdaki yollarla açabilirsiniz:
- Üstteki işlem çubuğunda double_arrow Diğer paneller öğesini tıklayın ve açılır listeden Uygulama'yı seçin.
- Sağ üst köşede, more_vert Diğer seçenekler > Diğer araçlar > Uygulama'yı seçin.