Service Worker

service-worker.html

<script>
  if ( 'serviceWorker' in navigator ) {
    navigator.serviceWorker.register('/service-worker.js', { scope: '/' })
      .then(function(registration) {
        console.log("Service Worker Registered");
      });
    navigator.serviceWorker.ready.then(function(registration) {
      console.log("Service Worker Ready");
    });
  }
</script>

service-worker.js

var cacheName = 'alenabdula';
var urlsToCache = [
  '/',
  '/css/master.min.css',
  '/js/master.min.js',
];

/* https://github.com/coonsta/cache-polyfill */
importScripts('/cache-polyfill.js');

/* Install */
self.addEventListener('install', function(e) {
  e.waitUntil(
    caches.open(cacheName).then(function(cache) {
      return cache.addAll(urlsToCache).then(function() {
        return self.skipWaiting();
      });
    })
  );
});

/* Activate */
self.addEventListener('activate', function(event) {
  event.waitUntil(self.clients.claim());
});

/* Fetch */
self.addEventListener('fetch', function(event) {
  console.log(event.request.url);
  event.respondWith(
    caches.match(event.request).then(function(response) {
      return response || fetch(event.request);
    })
  );
});