title: Can't cache simple html file with service-worker
body: <p>I'm creating a page that shows a message when the user is offline, but when my service-worker tries to cache the page, always throws on Chrome console:</p>
  
  <blockquote>
    <p>service-worker.js?v=1:1 Uncaught (in promise) DOMException: Quota
    exceeded. Promise rejected (async) addEventListener.event @
    service-worker.js?v=1:10</p>
  </blockquote>
  
  <p>service-worker registration: </p>
  
  <pre><code>if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('./assets/app/js/service-worker.js?v=1').then(function(registration) {
      // Registration was successful
      console.log('ServiceWorker registration successful with scope: ', registration.scope);
  }).catch(function(err) {
      // registration failed :(
      console.log('ServiceWorker registration failed: ', err);
  });}
  </code></pre>
  
  <p>service-worker: </p>
  
  <pre><code> 'use strict';
  
  var cacheVersion = 1;
  var currentCache = {
      offline: 'offline-cache' + cacheVersion
  };
  var offlineUrl = '../../../offline.html';
  
  this.addEventListener('install', event =&gt; {
      event.waitUntil(
          caches.open(currentCache.offline).then(function (cache) {
              return cache.addAll([
                  offlineUrl
              ]);
          })
      );
  });
  
  
  this.addEventListener('fetch', event =&gt; {
  
      if (event.request.mode === 'navigate' || (event.request.method === 'GET' &amp;&amp; event.request.headers.get('accept').includes('text/html'))) {
          event.respondWith(
              fetch(event.request.url).catch(error =&gt; {
                  return caches.match(offlineUrl);
              })
          );
      }
      else {
          event.respondWith(caches.match(event.request)
              .then(function (response) {
                  return response || fetch(event.request);
              })
          );
      }
  });
  </code></pre>
  
  <p>offline.html:</p>
  
  <pre><code>&lt;div&gt; offline test &lt;/div&gt;
  </code></pre>
  
  <p>I already deleted all caches and it says "Quota exceeded", any idea?</p>
  
  <p>Thanks.</p>