Update app.py

app.py

@@ -444,28 +444,26 @@ def main():
             <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">
+            <link rel="manifest" href="manifest.json">
+            <link rel="apple-touch-icon" href="assets/icon-192.png">
         """)
 
-        # 第二層：添加 PWA 相關的連結
-        gr.HTML("""
-            <link rel="manifest" href="./manifest.json">
-            <link rel="apple-touch-icon" href="./assets/icon-192.png">
-        """)
-
-        # 第三層：Service Worker 註冊
+        # 使用獨立的 JavaScript 區塊，避免格式化問題
         gr.HTML("""
             <script>
-                if ('serviceWorker' in navigator) {
-                    window.addEventListener('load', function() {
-                        navigator.serviceWorker.register('./service-worker.js')
+                // 確保代碼在頁面載入後執行
+                document.addEventListener('DOMContentLoaded', function() {
+                    // 使用標準的 JavaScript 語法
+                    if ('serviceWorker' in navigator) {
+                        navigator.serviceWorker.register('service-worker.js')
                         .then(function(registration) {
-                            console.log('成功註冊 Service Worker');
+                            console.log('Service Worker 註冊成功');
                         })
                         .catch(function(error) {
                             console.log('Service Worker 註冊失敗:', error);
                         });
-                    });
-                }
+                    }
+                });
             </script>
         """)
         # Header HTML