John Smith with a flacon of HTML N°5 perfume

HTML5

≻ Leitfaden für Webentwickler

Kapitel 8: Web Storage und Offline-Webapplikationen

Auf dieser Seite finden Sie alle im Buch HTML5: Leitfaden für Webentwickler verwendeten Beispiele, Grafiken und Links für dieses Kapitel. Die erste Tabelle listet Beispiele und Grafiken mit Seitenzahlen im Buch auf, stellt Links (sofern relevant) zur Online-Version der Seite sowie Angaben zur Browserkompatibilität bereit und zeigt eine Vorschau der Abbildung im Buch. Beim Klick auf dieses Vorschaubild wird die Abbildung in Originalgröße im Format JPEG geladen. Die zweite Tabelle listet alle URLs auf, die im Buch auf den jeweiligen Seiten genannt sind. Für Feedback und Bug-Reports stehen ihnen E-Mail sowie ein eigenes Ticket-System zur Verfügung, in dem Sie neue Kommentare absetzen und bestehende Kommentare / Errata auch Online mitverfolgen können.

SeiteBeispiel / GrafikScreenshot
235Abbildung 8.1: Unterschiede zwischen »sessionStorage« und Cookies in zwei Fenstern

Erstellt mit IE 9b

Screenshot
237Abbildung 8.2: Das Firefox-Add-On Firebug mit der Anzeige des »sessionStorage«

Erstellt mit Firefox 4.0b

Screenshot
238Abbildung 8.3: Opera mit der Anzeige der Entwicklerwerkzeuge

Erstellt mit Opera 10.60

Screenshot
245Abbildung 8.4: Google Chrome mit den Statusmeldungen über den Offline-Storage

Erstellt mit Chrome 6

Screenshot
246Abbildung 8.5: Firefox-Informationen zu einem Element im Offline-Speicher

Erstellt mit Firefox 4.0b

Screenshot
249Abbildung 8.6: Das Programm »Knapp dran!« während eines Spiels

Erstellt mit Chrome 6

Läuft mit Firefox 3.6, Opera 10.5, Chrome 6, Safari 5 (Cache MANIFEST nicht richtig unterstützt)

Screenshot
251Abbildung 8.7: Die Administrationsoberfläche beim Zusammenstellen eines neuen Spiels

Erstellt mit Chrome 6

Läuft mit Firefox 3.6, Opera 10.5, Chrome 6, Safari 5

Screenshot
254Abbildung 8.8: Die Developer Tools von Google Chrome beim Laden des Offline-Cache

Erstellt mit Chrome 6

Screenshot
SeiteURL
232http://dev.w3.org/html5/webstorage/
232http://www.whatwg.org/specs/web-apps/current-work/complete/webstorage.html
236http://www.google.com/about
236http://sites.google.com
236http://sites.google.com/site/
238http://getfirebug.com/
238http://code.google.com/p/sqlite-manager/
247http://code.google.com/p/sessionstorage
247http://html5.komplett.cc/code/chap_intro/timeline.html
251http://html5.komplett.cc/code/chap_storage/knappDran_creator.html