Question

I have a HTML jquerymobile App, I need to show an offline page when the user tries to load the app from their home screen.

The page I want them to see is gone-offline.jsp. Problem is, if I include the HTML manifest on every page the user visits, that page ends up getting cached, which means when the user loads the app offline, they sometimes see the page they visited but images are missing etc, I do not want that, I want a clean caching system that only caches a certain page.

Is it possible to prevent the other pages getting cached when user visits them.

What I’d like is to just cache a little JS file which checks if navigator online, if not redirects to that gone-offline page..

Answer 1

See this question which helps:

In summary, use a manifest which looks like this:

CACHE MANIFEST
CACHE:
/gone-offline.jsp

FALLBACK:
/ /gone-offline.jsp

NETWORK:
*