Update service-worker.js

service-worker.js

@@ -1,36 +1,44 @@
 const CACHE_NAME = 'pawmatch-v1';
 const urlsToCache = [
-    './',
-    './manifest.json',
-    './icon-192.png',  
-    './icon-512.png'   
+    '/',
+    '/manifest.json',
+    '/icon-192.png',
+    '/icon-512.png'
 ];
 
-self.addEventListener('install', function(event) {
-    console.log('[SW] Service Worker 安裝中...');
+self.addEventListener('install', (event) => {
     event.waitUntil(
-        caches.open(CACHE_NAME)
-            .then(function(cache) {
-                console.log('[SW] 快取開啟成功');
+        Promise.all([
+            caches.open(CACHE_NAME).then((cache) => {
                 return cache.addAll(urlsToCache);
-            })
-            .catch(function(error) {
-                console.error('[SW] 快取失敗:', error);
-            })
+            }),
+            self.skipWaiting()
+        ])
     );
 });
 
-self.addEventListener('fetch', function(event) {
-    console.log('[SW] 攔截請求:', event.request.url);
+self.addEventListener('activate', (event) => {
+    event.waitUntil(
+        Promise.all([
+            caches.keys().then((cacheNames) => {
+                return Promise.all(
+                    cacheNames
+                        .filter((cacheName) => cacheName !== CACHE_NAME)
+                        .map((cacheName) => caches.delete(cacheName))
+                );
+            }),
+            self.clients.claim()
+        ])
+    );
+});
+
+self.addEventListener('fetch', (event) => {
     event.respondWith(
-        caches.match(event.request)
-            .then(function(response) {
-                if (response) {
-                    console.log('[SW] 從快取回應:', event.request.url);
-                    return response;
-                }
-                console.log('[SW] 從網路取得:', event.request.url);
-                return fetch(event.request);
-            })
+        caches.match(event.request).then((response) => {
+            if (response) {
+                return response;
+            }
+            return fetch(event.request);
+        })
     );
 });