Creazione di un'app HTML5 autonoma e offline e del metodo migliore per incorporare le sue risorse

Question

Sto tentando di creare un documento HTML5 a singolo file che può essere inviato via email a persone che conterranno tutti markup, js, css e immagini necessari per eseguirlo .

Sono a conoscenza di articoli che descrivono il processo offline come http://diveintohtml5.info/offline.html, tuttavia vorrei conoscere il metodo migliore per incorporare le sue risorse come immagini di grandi dimensioni e file js.

Dovrei usare la codifica base64 per questi o c'è un approccio migliore?

L'app funzionerà su browser abbastanza nuovi.

Answer 1

Sì, base64 codifica le immagini. Quello che faccio è salvarli come png e alla dimensione corretta prima di convertirli in base64 (ci sono siti online gratuiti che lo fanno per te). Ciò consente di risparmiare molto spazio.

Per il salvataggio dei dati su file locale, utilizzare l'archiviazione locale HTML5, ecco una guida: http://www.html5rocks.com/en/features/storage.

Per i file JS/CSS, è sufficiente incollarli nella testa, nessun problema!