Add PWA support with service worker, manifest, and icons

2026-03-27 18:37:10 -07:00
parent fc1eb2040c
commit cf64244b21
5 changed files with 68 additions and 3 deletions
--- a/index.html
+++ b/index.html
@@ -7,8 +7,11 @@
      content="width=device-width, initial-scale=1.0, user-scalable=no"
    />
    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="theme-color" content="#1a1a2e" />
    <title>梅子的成语填字</title>
-    <link rel="stylesheet" href="style.css" />
+    <link rel="manifest" href="manifest.json" />
+    <link rel="apple-touch-icon" href="icons/icon-192.png?v=3" />
+    <link rel="stylesheet" href="style.css?v=3" />
  </head>
  <body>
    <div class="header">
@@ -158,7 +161,12 @@
      </div>
    </div>

-    <script src="data.js"></script>
-    <script src="app.js"></script>
+    <script src="data.js?v=3"></script>
+    <script src="app.js?v=3"></script>
+    <script>
+      if ('serviceWorker' in navigator) {
+        navigator.serviceWorker.register('/sw.js');
+      }
+    </script>
  </body>
 </html>