Update app.py

app.py

@@ -445,41 +445,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-status-bar-style" content="black">
-            <link rel="manifest" href="manifest.json">
-            <link rel="apple-touch-icon" href="assets/icon-192.png">
+            <link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
+            <link rel="apple-touch-icon" href="/assets/icon-192.png">
         """)
-
-        # 第二步：添加一個簡單的初始化檢查
+        
         gr.HTML("""
             <script>
-                // 使用立即執行函數來避免全局變量污染
-                (function() {
-                    // 當文檔載入完成時執行
-                    document.addEventListener('DOMContentLoaded', function() {
-                        // 記錄環境信息
-                        console.log('頁面已載入');
-                        console.log('URL:', window.location.href);
-                        
-                        // 檢查是否在正確的環境中
-                        if (window.self === window.top) {
-                            console.log('在主視窗中執行');
-                            
-                            // 嘗試註冊 Service Worker
-                            if ('serviceWorker' in navigator) {
-                                // 使用延遲註冊以確保不會干擾頁面載入
-                                setTimeout(function() {
-                                    navigator.serviceWorker.register('service-worker.js')
-                                        .then(function(registration) {
-                                            console.log('Service Worker 註冊成功');
-                                        })
-                                        .catch(function(error) {
-                                            console.error('Service Worker 註冊失敗:', error);
-                                        });
-                                }, 1000);
-                            }
-                        }
+            document.addEventListener('DOMContentLoaded', function() {
+                if ('serviceWorker' in navigator) {
+                    const swPath = new URL('service-worker.js', window.location.href).href;
+                    navigator.serviceWorker.register(swPath, {
+                        scope: './'
+                    })
+                    .then(registration => {
+                        console.log('Service Worker 註冊成功：', registration);
+                    })
+                    .catch(error => {
+                        console.error('Service Worker 註冊失敗：', error);
                     });
-                })();
+                }
+            });
             </script>
         """)