fix(pwa): 优化服务工作者的激活和缓存策略，确保用户始终获取最新内容

Signed-off-by: wangsimiao1 <wangsimiao1@xiaomi.com>

Author: WangSimiao2000

_javascript/pwa/app.js

@@ -13,16 +13,17 @@ if ('serviceWorker' in navigator) {
     const popupWindow = Toast.getOrCreateInstance(notification);
 
     navigator.serviceWorker.register(swUrl).then((registration) => {
-      // Restore the update window that was last manually closed by the user
+      // If a new service worker is already waiting, activate it immediately
       if (registration.waiting) {
-        popupWindow.show();
+        registration.waiting.postMessage('SKIP_WAITING');
       }
 
       registration.addEventListener('updatefound', () => {
         registration.installing.addEventListener('statechange', () => {
           if (registration.waiting) {
             if (navigator.serviceWorker.controller) {
-              popupWindow.show();
+              // Automatically activate the new service worker
+              registration.waiting.postMessage('SKIP_WAITING');
             }
           }
         });

_javascript/pwa/sw.js

@@ -66,6 +66,29 @@ self.addEventListener('fetch', (event) => {
     return;
   }
 
+  // Use network-first strategy for navigation requests (HTML pages)
+  // so users always see the latest content
+  if (event.request.mode === 'navigate') {
+    event.respondWith(
+      fetch(event.request)
+        .then((response) => {
+          if (purge || event.request.method !== 'GET' || !verifyUrl(event.request.url)) {
+            return response;
+          }
+          let responseToCache = response.clone();
+          caches.open(swconf.cacheName).then((cache) => {
+            cache.put(event.request, responseToCache);
+          });
+          return response;
+        })
+        .catch(() => {
+          return caches.match(event.request);
+        })
+    );
+    return;
+  }
+
+  // Cache-first strategy for static assets (CSS, JS, images, etc.)
   event.respondWith(
     caches.match(event.request).then((response) => {
       if (response) {
@@ -79,7 +102,6 @@ self.addEventListener('fetch', (event) => {
           return response;
         }
 
-        // See: <https://developers.google.com/web/fundamentals/primers/service-workers#cache_and_return_requests>
         let responseToCache = response.clone();
 
         caches.open(swconf.cacheName).then((cache) => {