Question

With JavaScript, HTML and CSS and maybe PhoneGap (optional), how do you create and run a simple html page directly from LocalStorage? I basically want a custom HTML page that I can view online through my ipod the first time, and when I go offline with my touch, I can still access the same source and interact with the page as though I still have internet. I can’t find any guides on how to build this project.

Thanks for any pointers or direction to sources that teach this!

Answer 1

localStorage is very limited, especially in size, and isn’t dedicated to this.

To make your site available offline, you need to use the new HTML5 application cache.

Here’s a very good tutorial : http://www.html5rocks.com/en/tutorials/appcache/beginner/

An excerpt from the introduction :

It’s becoming increasingly important for web-based applications to be
accessible offline. Yes, all browsers have caching mechanisms, but
they’re unreliable and don’t always work as you might expect. HTML5
addresses some of the annoyances of being offline with the
ApplicationCache interface.