Return to Answer

added 372 characters in body

edited Mar 13, 2018 at 16:33

self.addEventListener('fetch', function (event) { var url = 'https://httpbin.org/get'; //add your URL here if (event.request.url.indexOf(url) > -1) { event.respondWith( caches.open(CACHE_DYNAMIC_NAME) .then(function (cache) { return fetch(event.request) .then(function (res) { // trimCache(CACHE_DYNAMIC_NAME, 3); cache.put(event.request, res.clone()); return res; }); }) ); } else if (isInArray(event.request.url, STATIC_FILES)) { event.respondWith( caches.match(event.request) ); } else { event.respondWith( caches.match(event.request) .then(function (response) { if (response) { return response; } else { return fetch(event.request) .then(function (res) { return caches.open(CACHE_DYNAMIC_NAME) .then(function (cache) { // trimCache(CACHE_DYNAMIC_NAME, 3); cache.put(event.request.url, res.clone()); return res; }) }) .then(function (err) { return caches.open(CACHE_STATIC_NAME) .then(function (cache) { if (event.request.headers.get('accept').includes('text/html')) { return cache.match('offline.html'); } }); }); } }) ); } });   self.addEventListener('install', function (event) { console.log('[Service Worker] Installing Service Worker ...', event); event.waitUntil( caches.open(CACHE_STATIC_NAME) .then(function (cache) { console.log('[Service Worker] Precaching App Shell'); cache.addAll(STATIC_FILES); }) ) });

self.addEventListener('fetch', function (event) { var url = 'https://httpbin.org/get'; //add your URL here if (event.request.url.indexOf(url) > -1) { event.respondWith( caches.open(CACHE_DYNAMIC_NAME) .then(function (cache) { return fetch(event.request) .then(function (res) { // trimCache(CACHE_DYNAMIC_NAME, 3); cache.put(event.request, res.clone()); return res; }); }) ); } else if (isInArray(event.request.url, STATIC_FILES)) { event.respondWith( caches.match(event.request) ); } else { event.respondWith( caches.match(event.request) .then(function (response) { if (response) { return response; } else { return fetch(event.request) .then(function (res) { return caches.open(CACHE_DYNAMIC_NAME) .then(function (cache) { // trimCache(CACHE_DYNAMIC_NAME, 3); cache.put(event.request.url, res.clone()); return res; }) }) .then(function (err) { return caches.open(CACHE_STATIC_NAME) .then(function (cache) { if (event.request.headers.get('accept').includes('text/html')) { return cache.match('offline.html'); } }); }); } }) ); } });

self.addEventListener('fetch', function (event) { var url = 'https://httpbin.org/get'; //add your URL here if (event.request.url.indexOf(url) > -1) { event.respondWith( caches.open(CACHE_DYNAMIC_NAME) .then(function (cache) { return fetch(event.request) .then(function (res) { // trimCache(CACHE_DYNAMIC_NAME, 3); cache.put(event.request, res.clone()); return res; }); }) ); } else if (isInArray(event.request.url, STATIC_FILES)) { event.respondWith( caches.match(event.request) ); } else { event.respondWith( caches.match(event.request) .then(function (response) { if (response) { return response; } else { return fetch(event.request) .then(function (res) { return caches.open(CACHE_DYNAMIC_NAME) .then(function (cache) { // trimCache(CACHE_DYNAMIC_NAME, 3); cache.put(event.request.url, res.clone()); return res; }) }) .then(function (err) { return caches.open(CACHE_STATIC_NAME) .then(function (cache) { if (event.request.headers.get('accept').includes('text/html')) { return cache.match('offline.html'); } }); }); } }) ); } });   self.addEventListener('install', function (event) { console.log('[Service Worker] Installing Service Worker ...', event); event.waitUntil( caches.open(CACHE_STATIC_NAME) .then(function (cache) { console.log('[Service Worker] Precaching App Shell'); cache.addAll(STATIC_FILES); }) ) });

More stuff

Source Link

edited Mar 13, 2018 at 16:06

SomethingCool

Try This

self.addEventListener('fetch', function (event) { var url = 'https://httpbin.org/get'; //add your URL here if (event.request.url.indexOf(url) > -1) { event.respondWith( caches.open(CACHE_DYNAMIC_NAME) .then(function (cache) { return fetch(event.request) .then(function (res) { // trimCache(CACHE_DYNAMIC_NAME, 3); cache.put(event.request, res.clone()); return res; }); }) ); } else if (isInArray(event.request.url, STATIC_FILES)) { event.respondWith( caches.match(event.request) ); } else { event.respondWith( caches.match(event.request) .then(function (response) { if (response) { return response; } else { return fetch(event.request) .then(function (res) { return caches.open(CACHE_DYNAMIC_NAME) .then(function (cache) { // trimCache(CACHE_DYNAMIC_NAME, 3); cache.put(event.request.url, res.clone()); return res; }) }) .then(function (err) { return caches.open(CACHE_STATIC_NAME) .then(function (cache) { if (event.request.headers.get('accept').includes('text/html')) { return cache.match('offline.html'); } }); }); } }) ); } });

Try This

self.addEventListener('fetch', function (event) { var url = 'https://httpbin.org/get'; //add your URL here if (event.request.url.indexOf(url) > -1) { event.respondWith( caches.open(CACHE_DYNAMIC_NAME) .then(function (cache) { return fetch(event.request) .then(function (res) { // trimCache(CACHE_DYNAMIC_NAME, 3); cache.put(event.request, res.clone()); return res; }); }) ); } else if (isInArray(event.request.url, STATIC_FILES)) { event.respondWith( caches.match(event.request) ); } else { event.respondWith( caches.match(event.request) .then(function (response) { if (response) { return response; } else { return fetch(event.request) .then(function (res) { return caches.open(CACHE_DYNAMIC_NAME) .then(function (cache) { // trimCache(CACHE_DYNAMIC_NAME, 3); cache.put(event.request.url, res.clone()); return res; }) }) .then(function (err) { return caches.open(CACHE_STATIC_NAME) .then(function (cache) { if (event.request.headers.get('accept').includes('text/html')) { return cache.match('offline.html'); } }); }); } }) ); } });

Source Link

answered Mar 13, 2018 at 15:51

SomethingCool

What error are you getting the service worker only working trough https anyways would be beneficial not to include this into your html file but rather in another js file.

Here is something that would call you sw.js file. include this into your html or again another js file.

var deferredPrompt; if (!window.Promise) { window.Promise = Promise; } if ('serviceWorker' in navigator) { navigator.serviceWorker .register('sw.js') .then(function () { console.log('Service worker registered!'); }) .catch(function(err) { console.log(err); }); } window.addEventListener('beforeinstallprompt', function(event) { console.log('beforeinstallprompt fired'); event.prompt(); deferredPrompt = event; return false; });

Collectives™ on Stack Overflow

Return to Answer