Update app.py

app.py

@@ -444,28 +444,37 @@ 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-status-bar-style" content="black">
             <meta name="apple-mobile-web-app-title" content="PawMatch AI">
+            <meta name="theme-color" content="#4299e1">
+            
+            <!-- PWA 必要檔案的連結，使用相對路徑 -->
             <link rel="manifest" href="manifest.json">
             <link rel="apple-touch-icon" href="assets/icon-192.png">
             
+            <!-- Service Worker 註冊程序 -->
             <script>
-                (function() {
-                    // 等待 DOM 完全載入
-                    document.addEventListener('DOMContentLoaded', function() {
-                        // 延遲 Service Worker 註冊，等待 Gradio 完成初始化
-                        setTimeout(function() {
-                            if ('serviceWorker' in navigator) {
-                                navigator.serviceWorker.register('service-worker.js')
-                                .then(function(registration) {
-                                    console.log('Service Worker 註冊成功:', registration.scope);
-                                })
-                                .catch(function(error) {
-                                    console.error('Service Worker 註冊失敗:', error);
-                                });
-                            }
-                        }, 2000);
-                    });
-                })();
+                // 等待頁面完全載入後再註冊 Service Worker
+                document.addEventListener('DOMContentLoaded', function() {
+                    // 確保我們不是在 iframe 中執行
+                    if (window.self === window.top) {
+                        // 確認瀏覽器支援 Service Worker
+                        if ('serviceWorker' in navigator) {
+                            // 使用相對路徑註冊 Service Worker
+                            navigator.serviceWorker.register('service-worker.js')
+                            .then(function(registration) {
+                                console.log('Service Worker 註冊成功，範圍：', registration.scope);
+                            })
+                            .catch(function(error) {
+                                console.log('Service Worker 註冊失敗：', error);
+                            });
+                        } else {
+                            console.log('此瀏覽器不支援 Service Worker');
+                        }
+                    } else {
+                        console.log('在 iframe 中執行，跳過 Service Worker 註冊');
+                    }
+                });
             </script>
         """)