Delete Cache with a Button

MarcAd1234 · April 26, 2020, 3:40pm

I want to implement a button in my PWA called “Load Updates”.
Currently my PWA uses the Service Worker, which is created directly during the setup of Framework7 (CLI) (Core F7).
Is there a simple function which can be implemented in my app.js? So the cache should be cleared only when the user clicks the button. Similar to a manual emptying the cache in your browser settings. This makes it easier for the user to clear the app cache without opening the browser settings.

nolimits4web · April 27, 2020, 1:06pm

gist.github.com

https://gist.github.com/deanhume/4b7e1f136cbee288cff9f0fc46318fbb

clear-cache.js

if ('serviceWorker' in navigator) {
  caches.keys().then(function(cacheNames) {
    cacheNames.forEach(function(cacheName) {
      caches.delete(cacheName);
    });
  });
}