Bu araç ne işe yarar?
Cache adı ve önbelleğe alınacak dosya yollarını girerek temel install, activate ve fetch event şablonu oluştur.
PWA ve Web Manifest Araçları
Service Worker Cache Şablonu
Basit offline cache için service worker kod taslağı üret.
Online Araç
tool
Service Worker Cache Şablonu
Çıktı burada görünür
Nasıl kullanılır?
- Cache adı ve cachelenecek dosya yollarını gir.
- Service Worker Şablonu Oluştur butonuna tıkla.
- Oluşan service-worker.js taslağını kontrol et.
- Dosya yollarını kendi projenin yapısına göre düzenle.
- Tarayıcı DevTools Application sekmesinden service worker kaydını test et.
Örnek kullanım
Örnek girdi
cache_name=dg-cache-v1
file=/
file=/assets/css/app.css
file=/assets/js/app.js
file=/offline.htmlÖrnek çıktı
const CACHE_NAME = 'dg-cache-v1';
const FILES_TO_CACHE = ['/', '/assets/css/app.css', '/assets/js/app.js', '/offline.html'];İpuçları
Service worker cache stratejisini dikkatli seç. Admin, ödeme ve kullanıcıya özel sayfaları agresif cache içine alma.