0.0.1.0
This commit is contained in:
+19
-53
@@ -1,78 +1,44 @@
|
||||
const CACHE_NAME = 'family-tree-v1'
|
||||
const urlsToCache = [
|
||||
'/',
|
||||
'/tree',
|
||||
'/members',
|
||||
'/timeline',
|
||||
'/settings',
|
||||
'/icon.svg',
|
||||
'/manifest.json'
|
||||
]
|
||||
const CACHE_NAME = 'family-tree-v3'
|
||||
|
||||
// 安装 Service Worker
|
||||
self.addEventListener('install', (event) => {
|
||||
event.waitUntil(
|
||||
caches.open(CACHE_NAME)
|
||||
.then((cache) => {
|
||||
console.log('Opened cache')
|
||||
return cache.addAll(urlsToCache)
|
||||
})
|
||||
.catch((error) => {
|
||||
console.log('Cache installation failed:', error)
|
||||
})
|
||||
)
|
||||
console.log('Service Worker: Installing...')
|
||||
// 跳过等待,立即激活
|
||||
self.skipWaiting()
|
||||
})
|
||||
|
||||
// 激活 Service Worker
|
||||
self.addEventListener('activate', (event) => {
|
||||
console.log('Service Worker: Activating...')
|
||||
event.waitUntil(
|
||||
caches.keys().then((cacheNames) => {
|
||||
return Promise.all(
|
||||
cacheNames.map((cacheName) => {
|
||||
if (cacheName !== CACHE_NAME) {
|
||||
console.log('Deleting old cache:', cacheName)
|
||||
console.log('Service Worker: Deleting old cache:', cacheName)
|
||||
return caches.delete(cacheName)
|
||||
}
|
||||
})
|
||||
)
|
||||
}).then(() => {
|
||||
// 立即控制所有页面
|
||||
return self.clients.claim()
|
||||
})
|
||||
)
|
||||
})
|
||||
|
||||
// 拦截请求
|
||||
// 拦截请求 - 简化版,不缓存,只转发
|
||||
self.addEventListener('fetch', (event) => {
|
||||
// 只处理 GET 请求,其他请求直接转发
|
||||
if (event.request.method !== 'GET') {
|
||||
return
|
||||
}
|
||||
|
||||
event.respondWith(
|
||||
caches.match(event.request)
|
||||
.then((response) => {
|
||||
// 缓存命中,返回缓存的资源
|
||||
if (response) {
|
||||
return response
|
||||
}
|
||||
|
||||
// 克隆请求
|
||||
const fetchRequest = event.request.clone()
|
||||
|
||||
return fetch(fetchRequest).then((response) => {
|
||||
// 检查是否是有效的响应
|
||||
if (!response || response.status !== 200 || response.type !== 'basic') {
|
||||
return response
|
||||
}
|
||||
|
||||
// 克隆响应
|
||||
const responseToCache = response.clone()
|
||||
|
||||
caches.open(CACHE_NAME)
|
||||
.then((cache) => {
|
||||
cache.put(event.request, responseToCache)
|
||||
})
|
||||
|
||||
return response
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
// 网络请求失败,返回离线页面
|
||||
return caches.match('/')
|
||||
})
|
||||
fetch(event.request).catch(() => {
|
||||
// 网络失败时,尝试从缓存获取
|
||||
return caches.match(event.request)
|
||||
})
|
||||
)
|
||||
})
|
||||
|
||||
|
||||
Reference in New Issue
Block a user