I have a multipage site, I want everything to redirect to /offline/index.html if the user tries to load without a connection.
I’m running /offline/index.html in a hidden iframe at the footer of every page to avoid appcache growing too large in size (the default behaviour is to cache every page the user visits).
Is it possible to get / or /* to fallback to /offline/index.html when they are not part of the cache? I.e does a page have to have a cached version in order to fallback, or does the browser just look at the current URL and use the appcache to load from cache without trying to render the non-cached page?
Here is my offline.appcache
CACHE MANIFEST CACHE: /offline/index.html /public/app.css /public/app.min.js NETWORK: * FALLBACK: / /offline/index.html #123
/ and all other pages –
with this in an iframe in footer of every page:
<html lang="en" manifest="offline.appcache">