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服務(wù)奈搜,設(shè)置緩存文件孵稽, 設(shè)置啟動地址樣式等