Update app.py

app.py

@@ -443,57 +443,41 @@ def get_pwa_html():
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
     <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-status-bar-style" content="default">
     <meta name="theme-color" content="#4299e1">
-    <link rel="manifest" href="manifest.json" crossorigin="use-credentials">
-    <link rel="apple-touch-icon" href="icon-192.png">
-    <link rel="apple-touch-startup-image" href="icon-512.png">
     
-    <!-- Safari 特定的 meta 標籤 -->
-    <meta name="apple-mobile-web-app-title" content="PawMatch AI">
-    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-    
-    <!-- iOS 啟動畫面 -->
-    <link rel="apple-touch-startup-image" 
-          media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" 
-          href="icon-512.png">
-    <link rel="apple-touch-startup-image" 
-          media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" 
-          href="icon-512.png">
+    <link rel="manifest" href="./manifest.json">
+    <link rel="apple-touch-icon" href="./icon-192.png">
     
     <script>
-        window.addEventListener('load', function() {
-            if ('serviceWorker' in navigator) {
-                navigator.serviceWorker.register('/service-worker.js', {
-                    scope: '/',
-                    updateViaCache: 'none'
-                }).then(function(registration) {
-                    console.log('ServiceWorker 註冊成功：', registration.scope);
-                }).catch(function(err) {
-                    console.log('ServiceWorker 註冊失敗：', err);
-                });
-            }
-            
-            // Safari 特定處理
-            if (navigator.standalone) {
-                document.documentElement.classList.add('standalone');
-            }
-        });
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('./service-worker.js')
+                    .then(function(registration) {
+                        console.log('ServiceWorker registration successful');
+                    })
+                    .catch(function(err) {
+                        console.log('ServiceWorker registration failed: ', err);
+                    });
+            });
+        }
     </script>
     
     <style>
-        /* 防止 iOS 上的橡皮筋效果 */
-        html {
-            overflow: hidden;
+        body {
+            overscroll-behavior-y: none;
+            -webkit-overflow-scrolling: touch;
             position: fixed;
             width: 100%;
             height: 100%;
+            overflow: auto;
         }
         
-        /* PWA 模式樣式 */
-        html.standalone {
-            -webkit-user-select: none;
-            -webkit-touch-callout: none;
+        @media (display-mode: standalone) {
+            body {
+                padding-top: env(safe-area-inset-top);
+                padding-bottom: env(safe-area-inset-bottom);
+            }
         }
     </style>
     """