Installa webapp su homescreen su iPhone?

Question

Come posso consentire alla mia app Web di essere installata come icona sulla schermata iniziale di un utente? I dati sono memorizzati nella cache localmente, in modo che la webapp possa essere eseguita quando l'utente è al di fuori del 3G?

Ho fatto un rapido google, ma i miei termini di ricerca erano carenti. Ho notato che Google Buzz mi ha permesso di installare localmente, e mi chiedo quale sia il processo per la creazione di app Web e se ottengono un trattamento speciale (caching completo/esecuzione offline).

Answer 1

Questo comportamento viene eseguito con un tag meta denominato apple-mobile-web-app-capable.

dettagli (e altri meta tag utili per le applicazioni iPhone internet): http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

<meta name="apple-mobile-web-app-capable" content="yes">

Per impostare una simpatica icona per la vostra applicazione, è possibile specificare un URL per l'icona:

http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

<link rel="apple-touch-icon" href="/custom_icon.png" />

e una schermata di avvio:

<link rel="apple-touch-startup-image" href="/startup.png" />

dati può essere memorizzati nella cache locale. È possibile memorizzare i dati utilizzando i vari HTML5 JavaScript APIs e cache manifest.

Answer 2

Ecco un altro esempio di ciò che si sta cercando di fare, può essere utile: http://mrgan.tumblr.com/post/257187093/pie-guy

Answer 3

risposta

Sede di ceejayoz per le varie cose iPhone-specifica (icona, modalità a schermo intero), ma al fine di memorizzare l'intera applicazione a livello locale (ed esegui offline), avrai bisogno di guardare quello che viene chiamato un "manifest cache". Questo file, collegato al tag html di apertura sulla tua pagina, elenca tutte le risorse che l'app deve memorizzare localmente.

Inoltre, per memorizzare i dati utente utente, se necessario, è necessario esaminare il database sul lato client. Non ne so molto, quindi non cercherò di spiegarlo. : P

Apple ha una pagina decente qui: http://developer.apple.com/safari/library/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40007256-CH1-SW1

che parla sia l'archiviazione di database manifesto e cache locale. Questo dovrebbe aiutare a spiegare cosa è necessario fare per rendere l'applicazione in esecuzione offline.