Update index.html

index.html

@@ -1021,7 +1021,6 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
       statusElem.textContent = errorMsg;
     }
 
-    // オフラインならボタンを非表示
     if (!navigator.onLine) {
       updateStatus('オフラインのため操作できません。');
       return;
@@ -1035,13 +1034,13 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
     }
 
     try {
-      const reg = await navigator.serviceWorker.getRegistration();
+      // より確実に登録済みかどうかを判定
+      const reg = await navigator.serviceWorker.ready;
 
       if (reg) {
         updateStatus('Service Workerは既に登録されています。更新を確認中...');
         const updatePromise = reg.update();
 
-        // 即座にupdate処理を開始
         reg.onupdatefound = () => {
           const newSW = reg.installing;
           if (newSW) {
@@ -1060,13 +1059,11 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
         };
 
         await updatePromise;
-      } else {
-        updateStatus('Service Workerは未登録です。');
-        registerBtn.textContent = '登録とキャッシュ';
-        registerBtn.disabled = false;
       }
-    } catch (err) {
-      updateError('Service Workerの確認中にエラーが発生しました。', err);
+    } catch {
+      updateStatus('Service Workerは未登録です。');
+      registerBtn.textContent = '登録とキャッシュ';
+      registerBtn.disabled = false;
     }
 
     registerBtn.addEventListener('click', async () => {
@@ -1077,8 +1074,12 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
         for (const reg of regs) {
           await reg.unregister();
         }
+
         updateStatus('新しいService Workerを登録中...');
         await navigator.serviceWorker.register('/sw.js');
+
+        // ready状態まで待機してからリロードボタン表示
+        await navigator.serviceWorker.ready;
         updateStatus('登録完了。ページをリロードしてキャッシュを有効化します。');
         registerBtn.textContent = 'ページをリロード';
         registerBtn.disabled = false;
@@ -1089,6 +1090,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
     });
   });
 </script>
+
           
         </div>
         <div class="container">