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?