I was wondering if there is a way to cache multiple html
pages with their individual content.
The current structure I have for my web app is that i have a index.html
file which needs to be cached. Within this there are pictures and videos that need to be cached.
These pictures then linked to another html
file with its own images and video which all need to be cached.
I already know all the file locations of the files i want to cache e.g. images/about/images.jpg images/page/render.jpg images/locations/place.jpg
The final end product will be distributed to the iOS app store and Android market. As far as I am aware the way to cache is by using the HTML5
cache manifest and reading through the docs it seems that i am unable to do this from the single index.html
rather have to click on each page before it can be cached.
Is there an alternative?