Example of an offline web app

The app: http://psyjinx.com/iphone/

This is a very simple webapp. It displays images that iPhones and iPod Touches can use as wallpaper. There isn’t really a need for offline use with the iPhone, but the iPod Touch could benefit from it. It took me about 10 minutes to learn what to do, and implement it for full offline use. The key to making a web app work offline is to add a manifest file.


The manifest file: I named mine page.manifest, but it can be anything.manifest. The first line must be CACHE MANIFEST

CACHE MANIFEST
 
# html
index.html
 
# images
wallpaper1.jpg
wallpaper2.jpg
wallpaper3.jpg 
wallpaper4.jpg
wallpaper6.jpg
wallpaper7.jpg
wallpaper8.jpg
background.png
favicon.ico

Add this to your html file:

<html manifest='page.manifest'>

The manifest file must be served as text/cache-manifest. Add this to your apache conf file in the mines section. My apache install had a mime.types file

text/cache-manifest    manifest

Restart apache and you are done

References:

Leave a Reply

 

 

 

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">