Update p1/sw.js

p1/sw.js

@@ -1,6 +1,6 @@
 const CACHE_NAME = 'p-cache-v1';
 
-self.addEventListener('install', (event) => {
+self.addEventListener('install', () => {
     self.skipWaiting();
 });
 
@@ -10,37 +10,81 @@ self.addEventListener('activate', (event) => {
 
 self.addEventListener('fetch', (event) => {
 
-    const url = new URL(event.request.url);
+    const req = event.request;
+    const url = new URL(req.url);
 
-    // URLパラメータを無視
+    // =========================
+    // chrome-extension除外
+    // =========================
+
+    if (
+        url.protocol !== 'http:' &&
+        url.protocol !== 'https:'
+    ) {
+        return;
+    }
+
+    // =========================
+    // 自サイト以外除外
+    // =========================
+
+    if (url.origin !== location.origin) {
+        return;
+    }
+
+    // =========================
+    // /p1/ 以外除外
+    // =========================
+
+    if (!url.pathname.startsWith('/p1/')) {
+        return;
+    }
+
+    // =========================
+    // Range Request除外
+    // 動画/音声再生を壊さない
+    // =========================
+
+    if (req.headers.has('range')) {
+        return;
+    }
+
+    // URLパラメータ無視
     const cacheUrl = url.origin + url.pathname;
 
     event.respondWith(
+
         caches.match(cacheUrl).then((cached) => {
 
+            // キャッシュ優先
             if (cached) {
                 return cached;
             }
 
-            return fetch(event.request).then((response) => {
+            // 通常fetch
+            return fetch(req).then((response) => {
+
+                // fetch失敗時対策
+                if (!response || response.status !== 200) {
+                    return response;
+                }
 
-                // GETだけキャッシュ
-                if (event.request.method === 'GET') {
+                // GETのみ
+                if (req.method === 'GET') {
 
-                    const responseClone = response.clone();
+                    const cloned = response.clone();
 
                     caches.open(CACHE_NAME).then((cache) => {
-                        cache.put(cacheUrl, responseClone);
+                        cache.put(cacheUrl, cloned);
                     });
                 }
 
                 return response;
+
             }).catch(() => {
 
-                // index fallback
-                if (url.pathname.startsWith('/p1/')) {
-                    return caches.match('/p1/index.html');
-                }
+                // offline fallback
+                return caches.match('/p1/index.html');
             });
         })
     );