imported>Herrlock: Änderungen von 2603:8001:1C01:9612:FB77:664A:8618:F0CC (Diskussion) auf die letzte Version von Aka zurückgesetzt

2025-02-02T06:55:06Z

Änderungen von 2603:8001:1C01:9612:FB77:664A:8618:F0CC (Diskussion) auf die letzte Version von Aka zurückgesetzt

Neue Seite

'''Web Storage''' (auch '''DOM Storage''') ist eine Technik für [[Webanwendungen]], mit der Daten in einem [[Webbrowser]] gespeichert werden. [[Document Object Model|DOM]] Storage unterstützt [[Persistenz (Informatik)|persistente]] Datenspeicherung, ähnlich [[HTTP-Cookie|Cookies]], ebenso wie die lokale ('''Local Storage''') und Session-spezifische Speicherung ('''Session Storage''').

DOM Storage wird durch das [[World Wide Web Consortium]] (W3C) standardisiert. Ursprünglich war es Teil der [[HTML5]]-Spezifikation, wurde mittlerweile aber in eine eigene Spezifikation ausgegliedert.<ref>[http://www.w3.org/TR/webstorage/ Web Storage Spezifikation.] W3C (World Wide Web Consortium).</ref>

== Merkmale ==
DOM Storage kann vereinfacht als eine Weiterentwicklung von Cookies („Super-Cookies“) angesehen werden. Die Technik bietet weitaus größere Speicherkapazität (5 MB pro [[Domain (Internet)|Domain]] in Firefox,<ref>[http://ejohn.org/blog/dom-storage/ John Resig: DOM Storage]</ref> ca. 10 MB pro Storage Area im Internet Explorer<ref name="msdn-ie">{{Internetquelle |url=https://docs.microsoft.com/en-us/previous-versions/windows/desktop/legacy/bg142799(v=vs.85) |titel=Introduction to Web Storage |hrsg=[[Microsoft]] |datum=2006-10-20 |sprache=en |abruf=2019-07-01}}</ref>) und bessere Entwicklungsschnittstellen. In einigen Punkten unterscheidet sie sich jedoch von Cookies.

=== Client-seitige Schnittstelle ===
Im Gegensatz zu Cookies, auf die sowohl Server als auch Client zugreifen können, wird DOM Storage vollständig vom Client gesteuert. Es werden hierbei nicht mit jedem HTTP-Request Daten zum Server übertragen und ein Webserver kann auch nicht direkt Daten im DOM Storage schreiben. Der Zugriff erfolgt ausschließlich über Skripte auf der Webseite.

=== Speicherung ===
DOM Storage bietet zwei verschiedene Arten der Speicherung an: lokale (localStorage) und Session-spezifische (sessionStorage). Sie unterscheiden sich in Gültigkeitsbereich und -dauer.

==== Lokale Speicherung ====
Daten, die lokal gespeichert werden, sog. ''Local Shared Objects'' (LSO), sind mit einer Domain und dem lokalen Benutzerprofil des Zugriffsrechners verknüpft und bleiben auch nach Beenden des Browsers bestehen. Alle Skripte einer Domain, von der aus die Daten gespeichert wurden, können auf die benutzerprofilspezifischen Daten zugreifen.

Bei Mozilla Firefox werden die Daten in der Datenbankdatei ''webappsstore.sqlite'' gespeichert. Mit einem geeigneten Programm kann die [[SQLite]]3-Datei betrachtet werden.
Es existieren Browser-Addons, die zu dem Zweck entstanden sind, diese Daten vom System wieder löschen zu lassen, auch automatisiert, z. B. mit ''Better Privacy''. Über die Eingabe von ''„about:config“'' in der Adresszeile kann der Wert von ''dom.storage.enabled'' von ''true'' zu ''false'' geändert, und DOM-Storage-Objekte somit abgeschaltet werden.

==== Session-spezifische Speicherung ====
Session-spezifisch gespeicherte Daten sind mit dem Browser-Fenster verknüpft und auf dieses beschränkt. Gespeicherte Daten werden beim Schließen des Browser-Fensters gelöscht. Diese Technik bietet die Möglichkeit, mehrere Instanzen derselben Anwendung in verschiedenen Fenstern laufen zu lassen, ohne dass es zu einer gegenseitigen Beeinflussung kommt, was von Cookies nicht unterstützt wird.<ref>{{Webarchiv |url=http://dev.w3.org/html5/webstorage/#introduction |text=Web Storage draft standard. |wayback=20110201152609 |archiv-bot=2023-02-10 06:14:24 InternetArchiveBot}} W3C.</ref>

=== Datenmodell ===
DOM Storage speichert Daten in einem [[Assoziatives Array|assoziativen Array]], in dem die Schlüssel und Werte [[Zeichenkette|Strings]] sind. Über eine zusätzliche [[Programmierschnittstelle]] zum Zugriff auf strukturierte Daten, möglicherweise auf [[SQL]]-Basis, wird derzeit innerhalb der Web Applications Working Group des W3C diskutiert.<ref>{{Webarchiv |url=http://dev.w3.org/html5/webstorage/#sql |text=Web Storage draft standard. |wayback=20110201152609 |archiv-bot=2023-02-10 06:14:24 InternetArchiveBot}} W3C.</ref>

== Verwendung ==
Daten können mit den Funktionen ''setItem'' und ''getItem'' gespeichert und wieder ausgelesen werden.

=== localStorage ===

<syntaxhighlight lang="javascript">
// Speichert ein Key-Value-Paar im localStorage
// Die Daten können auch nach einem Neustart des Browsers ausgelesen werden
localStorage.setItem('key', 'value');

// Liest den eben gespeicherten Wert aus und zeigt ihn an
alert(localStorage.getItem('key')); // value
</syntaxhighlight>

=== sessionStorage ===

<syntaxhighlight lang="javascript">
// Speichert ein Key-Value-Paar im sessionStorage
// Die Daten werden nach dem Schließen des Browsers gelöscht
sessionStorage.setItem('key', 'value');

// Liest den eben gespeicherten Wert aus und zeigt ihn an
alert(sessionStorage.getItem('key')); // value
</syntaxhighlight>

=== Speichern von JSON-Objekten ===
In Web Storages können nur Strings gespeichert werden.
Soll jedoch ein [[JavaScript Object Notation|JSON]]-Objekt gespeichert werden, muss dieses vor dem Speichern in einen String konvertiert werden.
Beim Auslesen kann es dann wieder in ein JSON-Objekt zurückkonvertiert werden.

<syntaxhighlight lang="javascript">
localStorage.setItem('key', JSON.stringify({firstname: 'Peter', lastname: 'Meier'}));

alert(JSON.parse(localStorage.getItem('key')).firstname); // Peter
</syntaxhighlight>


== Browser-Unterstützung ==
Web Storage wird von folgenden Browsern unterstützt:<ref>[http://www.html5rocks.com/en/features/storage html5rocks.com]</ref>

{| class="wikitable"
! Browser
! ab Version
|-
| [[Google Chrome]]
| 4
|-
| [[Mozilla Firefox]]
| 3.5<ref>[https://developer.mozilla.org/de/docs/Web/API/Window/localStorage developer.mozilla.org]</ref>
|-
| [[Opera (Browser)|Opera]]
| 10.5
|-
| [[Internet Explorer]]
| 8
|-
| [[Microsoft Edge|Edge]]
| 12
|-
| [[Apple Safari]]
| 4
|-
| [[iOS (Betriebssystem)|iOS]]
| 3.2
|-
| [[Android (Betriebssystem)|Android]]
| 2.1
|}

== Datenschutz und Privatsphäre ==
Die insbesondere dauerhafte Hinterlegung von Schlüsselwerten ermöglicht jeder Website, wiederkehrende Besuche vom selben Endgerät zu erkennen und unterschiedliche Nutzungsprofile zusammenzuführen.

== Ähnliche Technologien ==
* [[HTTP-Cookie]]s
* [[Indexed Database API]]
* [[Flash-Cookie|Local Shared Objects]] in [[Adobe Flash]]
* [[Google Gears]] for IE, Firefox, Apple Safari and Windows Mobile
* [[Application Cache]]

== Literatur ==

* Markus Schneider, Matthias Enzmann, Martin Stopczynski: [https://www.sit.fraunhofer.de/fileadmin/dokumente/studien_und_technical_reports/Web_Tracking_Report_2014.pdf Web-Tracking-Report 2014.] (PDF; 4,8 MB) Fraunhofer-Institut für Sichere Informationstechnologie SIT, Hrsg. Michael Waidner. Fraunhofer Verlag, ISBN 978-3-8396-0700-8, 118 Seiten.

== Weblinks ==
* [http://www.w3.org/TR/webstorage/ ''Web Storage''.] [[World Wide Web Consortium|W3C]].

== Einzelnachweise ==
<references />

[[Kategorie:JavaScript-Programmierschnittstelle]]

Web Storage - Versionsgeschichte

imported>Herrlock: Änderungen von 2603:8001:1C01:9612:FB77:664A:8618:F0CC (Diskussion) auf die letzte Version von Aka zurückgesetzt