Offline – damit eine App in jedem Winkel der Welt funktioniert - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 270

Abbildung 7.3 Die WebApp der Financial Times Deutschland bittet um mehr Speicherplatz.
7.1.2 Ihre erste Cache-Manifest-Datei
Sie legen nun Ihre erste Cache-Manifest-Datei an. Die Datei startet immer mit folgen-
der Bezeichnung:
CACHE MANIFEST
Daran anschließend definieren Sie nun die bereits erwähnten Bereiche CACHE , NET-
WORK und FALLBACK :
CACHE MANIFEST
CACHE:
/index.html
/bilder/hintergrund.png
http://www.html5-rockt.de/logo.png
Geben Sie unter CACHE die Dateien an, die explizit gecacht werden sollen. In Ihrer
Todo-App werden das die Dateien index.html , das Hintergrundbild im Ordner bilder
namens hintergrund.png und das Logo einer fremden Webseite sein. Auch wenn die
index.html automatisch gecacht wird, empfehlen wir, diese hier nochmals zu ver-
knüpfen. So gehen Sie auf Nummer sicher. Beachten Sie, stets den Pfad zu Ihren
Dateien richtig anzugeben. Mit einem vorgestellten »/« gehen Sie immer vom
Hauptpfad ( root ) aus. Wenn Sie den Schrägstrich nicht voranstellen, wird der Brow-
ser die Datei relativ zur Cache-Manifest-Datei suchen. Dies dürfte für Sie mittlerweile
kalter Kaffee sein, denn dasselbe Prinzip gilt bei allen anderen Pfadangaben, ob CSS
oder JavaScript, gleichermaßen. Praktischerweise können Sie auch Dateien angeben,