JavaScript/IndexedDB

Die IndexedDB API (indizierte Datenbank API) ermöglicht das client-seitige Speichern großer Mengen strukturierter Daten. Im Gegensatz zu Cookies und DOM oder Web Storage können Sie mit IndexedDB JavaScript-Objekte gruppieren, durchsuchen und filtern.

Details: caniuse.com

Die IndexedDB-API ist in den Indizierte Datenbank-API-Spezifikationen des World Wide Web Consortium (W3C) definiert, die sich derzeit in der Arbeitsentwurfsphase befinden.

Objekte

ToDo (weitere ToDos)

Unterseiten erstellen

--Matthias Scharwies (Diskussion) 07:05, 3. Sep. 2014 (CEST)

• IDBFactory: ermöglicht den Zugang zur Datenbank. Dies ist die Schnittstelle zum globalen Objekt indexedDB.
• IDBCursor: durchläuft Speicher und Indizes
• IDBCursorWithValue: durchläuft Speicher und Indizes und gibt aktuelle Werte zurück
• IDBDatabase: Verbindung zur Datenbank
• IDBEnvironment: ermöglicht Zugang zur client-seitigen Database.
• IDBIndex: ermöglicht Zugang zu den Metadaten eines Index.
• IDBKeyRange: legt Schlüsselbereiche von Datensätzen fest.
• IDBObjectStore:
• IDBOpenDBRequest: Aufruf Datenbank zu öffnen
• IDBRequest: ermöglicht Zugang zu den Ergebnissen ansynchroner Aufrufe an die Datenbank und deren Objekte
• IDBTransaction:
• IDBVersionChangeEvent: zeigt (Versions)änderung der Datenbank an

Browser-Unterstützung / Polyfill für alte Androids

Für ältere Browser, die IndexedDB nicht verstehen, gibt es einen Polyfill IndexedDBShim.js, der problemlos einzubinden ist:

Beispiel

<script src="IndexedDBShim.js"></script>

Android-Browser der Version 4x verwenden für IndexedDB die ältere, obsolete Version. Statt hier zu versuchen eine Kompatibilität herzustellen, ist es einfacher den Aufruf zum Polyfill mit einer Abfrage nach dem neuen Objekt window.IDBVersionChangeEvent zu verbinden.

Weblinks

Dokumentationen

• Peter Kroener: IndexedDB, die neue HTML5-Datenbank im Browser
• Microsoft: IndexedDB (deutsch)
• MDN: IndexedDB
  • MDN: Basic Concepts about IndexedDB (Einführung auf Englisch)
  • MDN: Using IndexedDB (Tutorial auf Englisch)

Tutorials und Beispiele

deutsch:

• Microsoft: Erstellen einer Tag Cloud mithilfe von IndexedDB

englisch:

• html5rocks: Eine einfache ToDo-Liste für indexierte Datenbanken in HTML5 (aktualisiert 25.07.2022)
• http://www.smashingmagazine.com/2014/09/02/building-simple-cross-browser-offline-todo-list-indexeddb-websql/
• eLibri, Bücherei und eBook reader von Marco Castelluccio, Gewinner des IndexedDB Mozilla DevDerby