Update app.py

app.py

@@ -443,32 +443,32 @@ def main():
         gr.HTML("""
             <meta name="viewport" content="width=device-width, initial-scale=1.0">
         """)
-        
+
+        # 2. 添加一個初始化檢查
+        gr.HTML("""
+            <script>
+                // 首先檢查 Gradio 是否正確載入
+                window.addEventListener('DOMContentLoaded', function() {
+                    console.log('Gradio 初始化開始');
+                });
+            </script>
+        """)
+
+        # 3. 只有在確認 Gradio 正常後，才添加 PWA 功能
         gr.HTML("""
             <script>
-                // 等待 Gradio 完全初始化完成
-                window.addEventListener('gradio-loaded', function() {
-                    // 確保不會干擾到 Gradio 的客戶端程式碼
+                // 使用一個安全的方式來添加 PWA 功能
+                window.gradioApp = function() {
                     if ('serviceWorker' in navigator) {
-                        navigator.serviceWorker.register('service-worker.js')
+                        navigator.serviceWorker.register('./service-worker.js')
                         .then(function(registration) {
-                            console.log('成功註冊 Service Worker');
-                        })
-                        .catch(function(error) {
-                            console.error('註冊失敗:', error);
+                            console.log('Service Worker 註冊成功');
                         });
                     }
-                });
+                };
             </script>
         """)
         
-        gr.HTML("""
-            <link rel="manifest" href="manifest.json">
-            <link rel="apple-touch-icon" href="assets/icon-192.png">
-            <meta name="apple-mobile-web-app-capable" content="yes">
-            <meta name="apple-mobile-web-app-title" content="PawMatch AI">
-        """)
-        
         # Header HTML
         gr.HTML("""
             <header style='text-align: center; padding: 20px; margin-bottom: 20px;'>