Update app.py

app.py

@@ -443,73 +443,43 @@ def main():
         
         gr.HTML("""
             <meta name="viewport" content="width=device-width, initial-scale=1.0">
-            <script>
-                console.log('基本初始化測試');
-            </script>
+            <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">
         """)
 
+        # 第二步：添加一個簡單的初始化檢查
         gr.HTML("""
             <script>
-                // 檢查環境
-                console.log('當前 URL:', window.location.href);
-                console.log('是否在 iframe 中:', window !== window.top);
-                
-                // 檢查檔案存取
-                async function checkFiles() {
-                    try {
-                        const swResponse = await fetch('service-worker.js');
-                        console.log('Service Worker 回應:', {
-                            status: swResponse.status,
-                            type: swResponse.headers.get('content-type')
-                        });
+                // 使用立即執行函數來避免全局變量污染
+                (function() {
+                    // 當文檔載入完成時執行
+                    document.addEventListener('DOMContentLoaded', function() {
+                        // 記錄環境信息
+                        console.log('頁面已載入');
+                        console.log('URL:', window.location.href);
                         
-                        const manifestResponse = await fetch('manifest.json');
-                        console.log('Manifest 回應:', {
-                            status: manifestResponse.status,
-                            type: manifestResponse.headers.get('content-type')
-                        });
-                    } catch (error) {
-                        console.error('檔案檢查錯誤:', error);
-                    }
-                }
-                
-                // 在頁面載入後執行檢查
-                window.addEventListener('load', checkFiles);
-            </script>
-        """)
-
-        gr.HTML("""
-            <script>
-                // 確保在正確的環境中執行
-                if (window.self === window.top) {  // 不在 iframe 中
-                    // 等待 Gradio 完全初始化
-                    const initPWA = () => {
-                        if ('serviceWorker' in navigator) {
-                            navigator.serviceWorker.register('service-worker.js', {
-                                scope: './'
-                            }).then(registration => {
-                                console.log('PWA 註冊成功:', registration.scope);
-                            }).catch(error => {
-                                console.error('PWA 註冊失敗:', error);
-                            });
-                        }
-                    };
-        
-                    // 使用 MutationObserver 確保在 Gradio 界面完全載入後才初始化 PWA
-                    const observer = new MutationObserver((mutations, obs) => {
-                        const gradioApp = document.querySelector('.gradio-app');
-                        if (gradioApp) {
-                            console.log('Gradio 界面已載入');
-                            initPWA();
-                            obs.disconnect();
+                        // 檢查是否在正確的環境中
+                        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);
+                            }
                         }
                     });
-        
-                    observer.observe(document, {
-                        childList: true,
-                        subtree: true
-                    });
-                }
+                })();
             </script>
         """)