esempi di memorizzazione offline e memorizzazione nella cache decenti html5

Question

Sono ansioso di testare l'archiviazione e il caching offline html con lo scopo di sviluppare un prototipo per mostrare le funzionalità dell'applicazione web offline di html5.

ho trovato alcuni campioni specifici per WebKit, ma sto lottando per trovare eventuali esempi di codice decente che anche funzionano affatto in Firefox 3.6

Per un campione, sarei felice con qualcosa che funziona con il seguente:

• La nostra azienda utilizza estensivamente jquery quindi preferirei campioni che utilizzano quella libreria o javascript puro.
• dovrebbe almeno lavoro su Firefox (versione 3.6 e successive va bene)

Qualcuno mi può indicare alcuni link che forniscono alcuni campioni di orientamento e di codice?

Answer 1

Vedi http://hacks.mozilla.org/?s=localStorage

Firefox non supporta API di database SQL, se è quello che stai cercando.

Answer 2

Mi raccomando guardando CSS Ninja di Font Dragr demonstration che, sebbene progettato principalmente per dimostrare l'API di file per HTML5 tramite Firefox, fa anche uso di Archiviazione offline.

Se non altro, questo ragazzo conosce la sua roba e può suggerire buoni esempi.

Answer 3

Ho trovato questa pagina piuttosto buona di demo html5 di recente, quindi ho pensato di postarla di nuovo qui.

html5demos.com

Modifica - un altro link che può aiutare:

Dal team di sviluppo di Google Chrome arriva HTML5Rocks, un sito per caratterizzare ed educare i webmaster sulle nuove fantastiche caratteristiche di HTML5.

www.html5rocks.com

Modifica # 2 - questo è uno dei migliori articoli che ho incontrato ancora:

wrapping things nicely with html5 local storage

Answer 4

Ho trovato questo esempio, è la più semplice cosa/migliore Ho visto con lo store locale. Mostra solo la memoria locale (persistente), non la memoria del database. Inoltre, se si vuole memorizzazione delle sessioni, basta cambiare "localStorage" per sessionStorage"

Il javascript non potrebbe essere più semplice credo.

w3.org example

E sì, funziona benissimo con FF (a meno per me.)

Answer 5

Conoscendo la memoria offline è supportata da tutti i principali browser ora, ho messo un plugin jQuery per la gestione dello stato del modulo. http://www.jasonsebring.com/dumbFormState e la fonte è piccola e facile da capire.

Raccomando l'approccio alla serializzazione utilizzando Douglas Crockford JSON2.stringify: https://github.com/douglascrockford/JSON-js per prendere un oggetto in JavaScript e trasformarlo in una stringa JSON. Quindi è possibile salvare che a uno o window.sessionStorage window.localStorage facilmente in questo modo:

dati // setting

window.sessionStorage [ 'mydata'] = JSON.stringify (someObject);

// riaverlo

someObject = jQuery.parseJSON (window.sessionStorage [ 'mydata']);

Un'altra cosa a cui pensare è il namespace delle chiavi. Per quello che stavo facendo, volevo che fosse automatico in modo che i nomi delle chiavi venissero salvati in base a 'dumbFormState-' + window.location.pathname + '-' + indice del modulo per garantire che le chiavi fossero automaticamente univoche, quindi è possibile eseguirne il loop in un secondo momento cancellali selezionando il prefisso 'dumbFormState-' facendo corrispondere le chiavi in ​​quanto non vuoi eliminare altre cose che possono essere utilizzate da altre persone.

La speranza aiuta un po '.