if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('./sw.js').then(function(reg) {
console.log('Successfully registered service worker', reg);
}).catch(function(err) {
console.warn('Error whilst registering service worker', err);
});
}
self.addEventListener('install', function (e) {
console.warn("install")
e.waitUntil(
caches.open('fox-store').then(function (cache) {
console.log('Opened cache');
return cache.addAll([
'./',
'./index.html',
'./index.js',
'./style.css',
"./icon/fox-icon.png",
"./icon/like-152x152.png",
"./icon/like-512x512.png",
"./video/yewen4.mp4",
'./images/fox1.jpg',
'./images/fox2.jpg',
'./images/fox3.jpg',
'./images/fox4.jpg',
'./src/jquery.min.js',
'./src/db.js',
'./src/webSocket.js'
]);
})
);
});
self.addEventListener('fetch', function(e) {
console.log(e.request.url);
e.respondWith(
caches.match(e.request).then(function(response) {
return response || fetch(e.request);
})
);
});
{
"name": "PWA-DEMO",
"short_name": "DEMO",
"icons": [
{
"src": "./timing.png",
"sizes": "512x512",
"type": "image/png"
}
],
"start_url": "./index.html",
"display": "standalone",
"background_color": "#000000",
"theme_color": "#4DBA87"
}
启动serviceWork服务，设置缓存文件， 设置启动地址样式等
