index.js

self.addEventListener('fetch', e => {
  // 外部リソース取得時
  const url = new URL(e.request.url);
  // オフラインの時にはfail.svgを表示する
  if (url.origin == location.origin && url.pathname == '/ok.svg' && !navigator.onLine) {
    return e.respondWith(caches.match('/fail.svg'));
  }
  // それ以外の場合は同じ
  e.respondWith(
    caches.match(e.request, {
      ignoreSearch: true
    })
    .then(response => {
      return response || fetch(e.request);
    })
  );
});