Spaces:

DawnC
/

PawMatchAI

Running on Zero

App Files Files Community

DawnC commited on 7 days ago

Commit

461fd96

verified ·

1 Parent(s): 4b17b6f

Update app.py

Browse files

Files changed (1) hide show

app.py +40 -43

app.py CHANGED Viewed

@@ -438,67 +438,64 @@ def show_details_html(choice, previous_output, initial_state):
         return format_hint_html(error_msg), gr.update(visible=True), initial_state
 def get_pwa_html():
     return """
     <!DOCTYPE html>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <script>
-        // 檢測環境並根據支援程度提供功能
-        function checkEnvironment() {
-            if ('serviceWorker' in navigator) {
-                // PWA 支援環境
-                initPWA();
-            } else {
-                // 基礎環境
-                initBasicFeatures();
-            }
-        }
-        function initBasicFeatures() {
-            // 基本的移動端優化
-            document.documentElement.style.webkitTouchCallout = 'none';
-            document.documentElement.style.webkitUserSelect = 'none';
-        }
-        function initPWA() {
-            // 只在支援的環境中嘗試 PWA 功能
-            try {
-                const manifestData = {
                     name: 'PawMatch AI',
                     short_name: 'PawMatch',
                     display: 'standalone'
                 };
-                const blob = new Blob(
-                    [JSON.stringify(manifestData)],
-                    {type: 'application/json'}
-                );
-                const link = document.createElement('link');
-                link.rel = 'manifest';
-                link.href = URL.createObjectURL(blob);
-                document.head.appendChild(link);
-            } catch(e) {
-                console.log('PWA features not available');
-                initBasicFeatures();
             }
-        }
-        window.addEventListener('load', checkEnvironment);
     </script>
     <style>
-        /* 基本的移動端優化樣式 */
-        body {
-            -webkit-overflow-scrolling: touch;
-            overflow-x: hidden;
         }
-        /* 防止 iOS 上的一些預設行為 */
-        * {
-            -webkit-tap-highlight-color: transparent;
         }
     </style>
     """

         return format_hint_html(error_msg), gr.update(visible=True), initial_state
 def get_pwa_html():
+    """
+    創建一個不依賴外部模組的 PWA 設定
+    通過直接嵌入所需的代碼來避免模組載入問題
+    """
     return """
     <!DOCTYPE html>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="apple-mobile-web-app-capable" content="yes">
+    <!-- 直接在頁面中定義需要的功能，避免外部模組載入 -->
     <script>
+        // 在 DOMContentLoaded 之前初始化，避免與其他腳本衝突
+        (function() {
+            // 定義我們自己的啟動函數，不依賴外部模組
+            function initializeApp() {
+                // PWA 相關設定
+                const config = {
                     name: 'PawMatch AI',
                     short_name: 'PawMatch',
                     display: 'standalone'
                 };
+                try {
+                    // 使用內聯方式創建 manifest
+                    const manifestData = new Blob(
+                        [JSON.stringify(config)],
+                        {type: 'application/json'}
+                    );
+                    // 在文檔準備好之後再添加 manifest
+                    document.addEventListener('DOMContentLoaded', function() {
+                        const link = document.createElement('link');
+                        link.rel = 'manifest';
+                        link.href = URL.createObjectURL(manifestData);
+                        document.head.appendChild(link);
+                    });
+                } catch(e) {
+                    console.log('PWA initialization failed:', e);
+                }
             }
+            // 立即執行初始化
+            initializeApp();
+        })();
     </script>
+    <!-- 確保基本的移動端支援 -->
     <style>
+        :root {
+            --safe-area-top: env(safe-area-inset-top);
+            --safe-area-bottom: env(safe-area-inset-bottom);
         }
+        body {
+            margin: 0;
+            padding: var(--safe-area-top) 0 var(--safe-area-bottom) 0;
+            -webkit-overflow-scrolling: touch;
         }
     </style>
     """