Web Storage und Offline-Webapplikationen - HTML5 - page 224

selbstverständlich auch den Umgang mit localStorage und sessionStorage . Um
den Storage zu betrachten, reicht es, in der Konsole das Wort localStorage bezie-
hungsweise sessionStorage einzugeben, und es erscheint das JavaScript-Objekt,
das die aktuellen Werte des Speichers beinhaltet (vergleiche Abbildung 8.2).
Wer ohne die Firebug-Erweiterung den Speicherinhalt sehen möchte, der kann
auch auf die Firefox-Interna zugreifen. Im Hintergrund werden die Daten in einer
SQLite-Datenbank (Version 3) abgelegt, die mit dem Kommandozeilenwerkzeug
sqlite3 betrachtet werden kann. Eine grafische Oberfläche für SQLite gibt es eben-
so als Firefox-Add-On: den großartigen sqlite-manager. Die SQLite-Datenbank-
datei liegt im Firefox-Profil-Verzeichnis mit dem Namen webappsstore.sqlite .

HINWEIS

Die Add-Ons für Firefox gibt es unter folgenden Internet-Adressen zum Download:

Firebug: http://getfirebug.com/

sqlite-manager: http://code.google.com/p/sqlite-manager/

Apples Safari bietet eine integrierte Debugging-Möglichkeit, die zuerst in den
erweiterten Einstellungen aktiviert werden muss. Der nach der Aktivierung
neu eingebundene Menüpunkt E NTWICKLER enthält eine Konsole, die die Spei-

cherinhalte genauso wie Firebug anzeigen kann.

Auch Google Chrome und Opera haben eingebaute Entwicklerwerkzeuge, die
sehr komfortablen Zugriff auf alle Elemente der Webseite bieten. Der Menü-
punkt S TORAGE stellt bei beiden Browsern eine sehr übersichtliche und detail-

lierte Auflistung von localStorage , sessionStorage und Cookies dar. In der Tabelle
können auch Werte hinzugefügt, geändert oder gelöscht werden (vergleiche
Abbildung 8.3).

Abbildung 8.3: Opera mit der Anzeige der Entwicklerwerkzeuge