I am developing my first service worker to make my app work offline. I want to see what a user would see if they have no internet connection. I am developing the app locally, serving it using jekyll.
Using Chrome, I did the following in the DevTools:
- Application > Service Workers > Offline ON
- Application > Service Workers > Update on Reload ON
- Application > Service Workers > Bypass for Network OFF
- Network > Disable cache ON
When I refresh the app, I still see that the files that are NOT added to the Service Worker cache are being loaded. How can I tell which files are being served from which layer (SW cache, browser cache, web server) ?
One hint: The files that are explicitly cached in the Service Worker show:
Provisional headers are shown. Disable cache to see full headers.
The files that are not cached in the Service Worker show:
Provisional headers are shown
I don't know how to interpret these messages given the settings I made above.
