Ich möchte HTML-Offline-Speicher und Caching testen, um einen Prototyp zu entwickeln, der die Offline-Web-Anwendungsfunktionen von html5 zeigt.
Ich habe einige webkit-spezifische Beispiele gefunden, aber ich kämpfe darum, anständige Code-Beispiele zu finden, die überhaupt in Firefox 3.6 funktionieren.
Für ein Beispiel wäre ich mit etwas zufrieden, das mit folgendem funktioniert:
Kann mir jemand auf einige Links verweisen, die Anleitungen und Codebeispiele enthalten?
Ich habe dieses Beispiel gefunden, es ist die einfachste / beste Sache, die ich mit Localspeicher gesehen habe. Es zeigt nur den lokalen (dauerhaften) Speicher und nicht den Datenbankspeicher. Wenn Sie einen Sitzungsspeicher wünschen, ändern Sie einfach "localStorage" in sessionStorage "
Das Javascript könnte nicht einfacher sein, denke ich.
Und ja, es funktioniert gut mit FF (zumindest für mich.)
Ich empfehle das CSS Ninja Font Dragr Demonstration , die, obwohl in erster Linie entworfen, um die Datei-API für HTML5 mit Firefox zu demonstrieren, auch Offline-Speicher verwendet.
Wenn nichts anderes, dieser Typ kennt seine Sachen und kann gute Beispiele vorschlagen.
Ich habe diese ziemlich gute Seite von html5 Demos vor kurzem gefunden, also dachte ich, ich würde es hier zurück posten.
Bearbeiten - ein weiterer Link, der helfen kann:
Vom Google Chrome-Entwicklerteam kommt HTML5rocks, eine Website, die Webmaster auf die tollen neuen Funktionen von HTML5 aufmerksam macht und sie schult.
Edit # 2 - das ist einer der besten Artikel, die mir bisher begegnet sind:
Da Offline-Speicher jetzt von allen gängigen Browsern unterstützt wird, habe ich ein jQuery-Plugin für den Umgang mit dem Formularstatus eingerichtet. Ссылка und die Quelle ist klein und leicht zu verstehen.
Ich empfehle den Ansatz für die Serialisierung mit Douglas Crockfords JSON2.strify: Ссылка , um ein Objekt in JavaScript aufzunehmen und in eine JSON-Zeichenfolge umzuwandeln. Dann können Sie dies entweder auf window.sessionStorage oder window.localStorage speichern:
// Daten setzen
window.sessionStorage ['meinedaten'] = JSON.stringify (someObject);
// es zurückbekommen
someObject = jQuery.parseJSON (window.sessionStorage ['meinedaten']);
Eine andere Sache, über die Sie nachdenken sollten, ist das Namespacing Ihrer Schlüssel. Für das, was ich tat, wollte ich es automatisch, so dass Schlüsselnamen basierend auf 'dumbFormState-' + window.location.pathname + gespeichert wurden '-' + Form Index, um sicherzustellen, dass die Schlüssel automatisch eindeutig waren, dann könnten Sie sie später durchlaufen, löschen Sie sie, indem Sie das Präfix 'dumbFormState-' mit den Schlüsseln vergleichen, da Sie dort keine anderen Dinge löschen wollen verwenden.
Hoffe, dass hilft ein bisschen.