[PWA] 5. Hijacking one type of request

Previously we saw how to Hijacking all the reqest, but this is not useful. So now we want to see how to Hijacking one kind of request. For example we want servce worker only response to the request ends with ".jpg":

self.addEventListener('fetch', function(event) {
  // TODO: only respond to requests with a
  // url ending in ".jpg"
  if(event.request.url.endsWith(".jpg")){
    event.respondWith(
        fetch('/imgs/dr-evil.gif')
    );
  }
});

 

https://developer.mozilla.org/en-US/docs/Web/API/Request