Update app.py

app.py

@@ -443,21 +443,29 @@ def main():
         gr.HTML("""
             <meta name="viewport" content="width=device-width, initial-scale=1.0">
             <meta name="apple-mobile-web-app-capable" content="yes">
+            <meta name="apple-mobile-web-app-title" content="PawMatch AI">
         """)
-        
-        # 第二步：加入 manifest
+
+        # 第二層：添加 PWA 相關的連結
         gr.HTML("""
-            <link rel="manifest" href="manifest.json">
+            <link rel="manifest" href="./manifest.json">
+            <link rel="apple-touch-icon" href="./assets/icon-192.png">
         """)
-        
-        # 第三步：最後加入 Service Worker
-        gr.HTML(f"""
+
+        # 第三層：Service Worker 註冊
+        gr.HTML("""
             <script>
-                if ('serviceWorker' in navigator) {{
-                    navigator.serviceWorker.register('service-worker.js')
-                    .then(registration => console.log('成功'))
-                    .catch(error => console.error('失敗:', error));
-                }}
+                if ('serviceWorker' in navigator) {
+                    window.addEventListener('load', function() {
+                        navigator.serviceWorker.register('./service-worker.js')
+                        .then(function(registration) {
+                            console.log('成功註冊 Service Worker');
+                        })
+                        .catch(function(error) {
+                            console.log('Service Worker 註冊失敗:', error);
+                        });
+                    });
+                }
             </script>
         """)
         # Header HTML