将url后面的参数去掉
This commit is contained in:
parent
38666dc045
commit
725b24b24c
|
@ -12,7 +12,7 @@
|
||||||
]);
|
]);
|
||||||
|
|
||||||
self.addEventListener('install', function(event) {
|
self.addEventListener('install', function(event) {
|
||||||
console.debug("Service Worker 安装中");
|
console.debug("Service Worker install");
|
||||||
const preCache = () => {
|
const preCache = () => {
|
||||||
return Promise.all([
|
return Promise.all([
|
||||||
cache.open(CACHES.get("font")).then(function(cache) {
|
cache.open(CACHES.get("font")).then(function(cache) {
|
||||||
|
@ -38,7 +38,7 @@ self.addEventListener('install', function(event) {
|
||||||
});
|
});
|
||||||
|
|
||||||
self.addEventListener('activate', function(event) {
|
self.addEventListener('activate', function(event) {
|
||||||
// You're good to go!
|
console.debug("Service Worker activate");
|
||||||
var cacheNames = new Set(CACHES.values());
|
var cacheNames = new Set(CACHES.values());
|
||||||
event.waitUntil(
|
event.waitUntil(
|
||||||
caches.keys().then(function(keyList) { //所有的现存的缓存列表
|
caches.keys().then(function(keyList) { //所有的现存的缓存列表
|
||||||
|
@ -53,50 +53,55 @@ self.addEventListener('activate', function(event) {
|
||||||
});
|
});
|
||||||
|
|
||||||
self.addEventListener('fetch', function(event) {
|
self.addEventListener('fetch', function(event) {
|
||||||
event.respondWith(
|
|
||||||
caches.match(event.request).then(function(resp) {
|
|
||||||
const url = new URL(event.request.url);
|
const url = new URL(event.request.url);
|
||||||
const path = url.pathname;
|
const path = url.pathname;
|
||||||
|
const fileUrl = url.origin + path;
|
||||||
if (/\.json$/i.test(path)) { //json数据优先通过网络获取
|
if (/\.json$/i.test(path)) { //json数据优先通过网络获取
|
||||||
return fetch(event.request).then(async function(response) {
|
event.respondWith(
|
||||||
|
fetch(event.request).then(async function(response) {
|
||||||
console.debug("缓存数据", url);
|
console.debug("缓存数据", url);
|
||||||
const cache = await caches.open(CACHES.get("data"));
|
const cache = await caches.open(CACHES.get("data"));
|
||||||
cache.put(url.origin + path, response.clone());
|
cache.put(fileUrl, response.clone());
|
||||||
return response;
|
return response;
|
||||||
}).catch((err)=>resp);
|
}).catch((err)=>
|
||||||
|
caches.match(fileUrl).then(resp=>resp)
|
||||||
|
)
|
||||||
|
);
|
||||||
} else { //其他的优先使用缓存
|
} else { //其他的优先使用缓存
|
||||||
if (resp) console.debug("找到缓存", event.request.url);
|
event.respondWith(
|
||||||
|
caches.match(fileUrl).then(function(resp) {
|
||||||
|
if (resp) console.debug("找到缓存", fileUrl);
|
||||||
return resp || fetch(event.request).then(async function(response) {
|
return resp || fetch(event.request).then(async function(response) {
|
||||||
//console.debug("正则测试",/images\/cards\w+\/CARDS_\d+\.PNG/i.test(event.request.url));
|
//console.debug("正则测试",/images\/cards\w+\/CARDS_\d+\.PNG/i.test(event.request.url));
|
||||||
if (/\.(html|js|css|wasm)$/i.test(path) ||
|
if (/\.(html|js|css|wasm)$/i.test(path) ||
|
||||||
/\/images\/[\w\-]+\.(png|svg)/i.test(path)) { //缓存程序
|
/\/images\/[\w\-]+\.(png|svg)/i.test(path)) { //缓存程序
|
||||||
console.debug("缓存程序", url);
|
console.debug("缓存程序", url);
|
||||||
const cache = await caches.open(CACHES.get("program"));
|
const cache = await caches.open(CACHES.get("program"));
|
||||||
cache.put(event.request, response.clone());
|
cache.put(fileUrl, response.clone());
|
||||||
} else if (/\/doc\//i.test(path)) { //缓存文档
|
} else if (/\/doc\//i.test(path)) { //缓存文档
|
||||||
console.debug("缓存文档", url);
|
console.debug("缓存文档", url);
|
||||||
const cache = await caches.open(CACHES.get("document"));
|
const cache = await caches.open(CACHES.get("document"));
|
||||||
cache.put(event.request, response.clone());
|
cache.put(fileUrl, response.clone());
|
||||||
} else if (/\.woff2$/i.test(path)) { //缓存字体
|
} else if (/\.woff2$/i.test(path)) { //缓存字体
|
||||||
console.debug("缓存字体", url);
|
console.debug("缓存字体", url);
|
||||||
const cache = await caches.open(CACHES.get("font"));
|
const cache = await caches.open(CACHES.get("font"));
|
||||||
cache.put(event.request, response.clone());
|
cache.put(fileUrl, response.clone());
|
||||||
} else if (/images\/cards_\w+\/CARDS_\d+\.PNG/i.test(path)) { //缓存卡片图
|
} else if (/images\/cards_\w+\/CARDS_\d+\.PNG/i.test(path)) { //缓存卡片图
|
||||||
let regRes = /cards_(ja|en|ko)/i.exec(path);
|
let regRes = /cards_(ja|en|ko)/i.exec(path);
|
||||||
let langCode = regRes[1];
|
let langCode = regRes[1];
|
||||||
console.debug("缓存Cards-" + langCode, url);
|
console.debug("缓存Cards-" + langCode, url);
|
||||||
const cache = await caches.open(CACHES.get("cards_" + langCode));
|
const cache = await caches.open(CACHES.get("cards_" + langCode));
|
||||||
cache.put(event.request, response.clone());
|
cache.put(fileUrl, response.clone());
|
||||||
} else if (/sound\/voice\/\w+\/padv\d+.wav/i.test(path)) { //缓存音效
|
} else if (/sound\/voice\/\w+\/padv\d+.wav/i.test(path)) { //缓存音效
|
||||||
let regRes = /\/(ja|en|ko)\//i.exec(path);
|
let regRes = /\/(ja|en|ko)\//i.exec(path);
|
||||||
let langCode = regRes[1];
|
let langCode = regRes[1];
|
||||||
console.debug("缓存Voice-" + langCode, url);
|
console.debug("缓存Voice-" + langCode, url);
|
||||||
const cache = await caches.open(CACHES.get("voice_" + langCode));
|
const cache = await caches.open(CACHES.get("voice_" + langCode));
|
||||||
cache.put(event.request, response.clone());
|
cache.put(fileUrl, response.clone());
|
||||||
}
|
}
|
||||||
return response;
|
return response;
|
||||||
});
|
});
|
||||||
}
|
|
||||||
})
|
})
|
||||||
);
|
);
|
||||||
|
}
|
||||||
});
|
});
|
Loading…
Reference in New Issue