Cookies fassen nur wenige Daten. Für mehr gibt es seit HTML5 den Local Storage. Hier steht, was er kann, wer ihn lesen darf und mit welchen drei Befehlen JavaScript ihn benutzt. Rechts steht, was gerade im Speicher liegt. Mit Weiter geht es Schritt für Schritt voran. Ein Klick auf einen Schritt springt direkt dorthin.
Skript 03, Folie 12: HTML5 Local Storage.
Eine Seite will sich im Browser etwas merken, etwa den Vornamen des Besuchers. Die Fragen: Wo legt sie das ab, wie lange bleibt es dort, und wie schreibt, liest und löscht JavaScript den Wert?
So gehen wir vor:
HTML5 ist die fünfte Fassung von HTML. Mit ihr kam ein Standard, um auch größere Datenmengen im Browser zu speichern: der Local Storage, auf Deutsch „lokaler Speicher“. Die Folie nennt eine Grenze von 5 MB. Ein MB (Megabyte) sind 1.000 KB, ein KB (Kilobyte) sind 1.000 Byte; ein Byte fasst etwa ein Zeichen.
Ergänzung, nicht auf der Folie: Ein Cookie fasst nur etwa 4 KB, und der Browser schickt es bei jedem Aufruf an den Server. Daten im Local Storage bleiben im Browser. Nur JavaScript auf der Seite liest sie.
„Same Origin Policy“ gilt auch hier!
Wie bei Cookies darf nicht jede Seite alles lesen. Jede Herkunft hat ihren eigenen Speicher. Die Herkunft besteht aus Protokoll, Host und Port der URL.
Speichert http://example.de den Vornamen „Hugo“, findet http://shop.example.de unter demselben Namen nichts: anderer Host.