HTML5 in der mobilen Webentwicklung - HTML5-Apps fur iPhone und Android - page 172

clear() in sessionStorage und localStorage
Sowohl im sessionStorage als auch im localStorage führt clear() die gleiche
Operation aus: Alle Elemente des angesprochenen Storage werden gelöscht. Im Fall
des sessionStorage sind das jedoch nur die Elemente, die seit der laufenden
Session im sessionStorage abgespeichert worden sind. Im Fall des localStorage
kann das etwas weiter reichende Folgen haben, da damit alle Daten des
localStorage eines Origins gelöscht werden. Wenn also eine Seite unter
http://meinserver.de/ eine Seite per JavaScript clear() aufruft, werden auch die
localStorage -Daten der Seite http://meinserver.de/andereSeite gelöscht. Arbeiten
also mehrere Personen gemeinsam an einer Website, sollte der Zugriff auf den
localStorage koordiniert werden.
Ebenso sollte die Benutzung des localStorage generell aufgrund der 5-MByte-
Beschränkung und die Vergabe der Keys koordiniert werden. Wenn meinKey bereits
besteht, überschreibt setItem('meinKey', 'meineDaten') damit die alten Daten.

2.6.3 Beispiele zu localStorage und sessionStorage

Um localStorage und sessionStorage weiter zu verdeutlichen, folgt jetzt dazu je
ein Beispiel. Um den sessionStorage zu demonstrieren, wurden zwei Webseiten
erstellt, der Benutzer kann von Seite 1 auf Seite 2 surfen. Auf der ersten Seite wird per
iWebKit-UI ein Toggle erstellt, das je nach Betätigung unter sessionStorage.
location true oder false speichert:
Der Key location im sessionStorage wird mit false initialisiert. Die Liste der
sessionStorage -Elemente zeigt lediglich dieses eine Element, nur wird der Location-
Switch auf on geschaltet, entsprechend wird location nun mit true angezeigt.

Bild 2.58: Location auf
OFF und Location auf ON .

Es wird ein weiterer Wert hinzugefügt, der in der Liste erscheint. Mit dem Klick auf die
nächste Seite wird die aktuelle Websession beibehalten, folglich kann auf den Wert von
location zugegriffen werden.