Service worker runtime cache

Question

I am creating a progressive web app using service workers and i am using service worker toolbox to cache my content. Service worker code to cache my content :

toolbox.router.get('/(.)', toolbox.fastest); toolbox.router.post('/(.)', toolbox.fastest); toolbox.router.get('/(.)', toolbox.fastest, {origin: 'https://example.cloudfront.net'}) toolbox.router.get('/(.)', toolbox.fastest, {origin: 'https://example.in'})

The code is running fine as i am not seeing any error in the console. But how can i check whether the images from cloudfront or the url's configured above are getting cached and rendered from the cache itself.

Matt Gaunt · Accepted Answer · 2016-05-28 23:42:03Z

4

You can check the cache content in chrome devtools, look in the resources / application tab and cache storage.

You check it's returned, look in devtools network panel and look for '(from ServiceWorker)' in the size column.

answered May 28, 2016 at 23:42

Matt Gaunt

9,8613 gold badges41 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Vivek Pratap Singh Over a year ago

I believe, Its not sure shot way to find if file is coming from cache. What if the strategy is Network First.You will always see 'from service worker' in size column of dev tools.

Uday Khatry Over a year ago

Hi Gaunt, thankyou for the reply. So, when i am pre caching my files then i am able to see all the files which are cached in the resource tab( dev tools resource panel) under cache. But when it comes to runtime caching, would i be able to see the files in resource tab ?

Matt Gaunt Over a year ago

Yeah you can see run time assets there as well

Ghanshyam sharma · Accepted Answer · 2016-05-30 16:49:43Z

One more option is if you want to confirm then you should use console.log() in the function from where you are getting the cache data then you can check in DevTools.

Sakshi Nagpal · Accepted Answer · 2017-11-27 18:12:57Z

You can check it in Chrome Developers Tool

Press F12 -> Application -> Cache Storage in Cache

If you are not able to see it, Refresh Cache Storage by doing right click on cache storage.

Collectives™ on Stack Overflow

Service worker runtime cache

3 Answers 3

3 Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Linked

Related