james young » offline storage http://psyjinx.com/jyoung web application developer Fri, 05 Mar 2010 18:55:39 +0000 en hourly 1 http://wordpress.org/?v=3.0 Example of an offline web app http://psyjinx.com/jyoung/2009/12/example-of-an-offline-web-app/ http://psyjinx.com/jyoung/2009/12/example-of-an-offline-web-app/#comments Wed, 30 Dec 2009 16:54:25 +0000 James Young http://psyjinx.com/jyoung/?p=204 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 [...]]]> 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:

]]> http://psyjinx.com/jyoung/2009/12/example-of-an-offline-web-app/feed/ 0