Installare web app alla schermata iniziale su iPhone?

Question

Come posso fare per permettere il mio webapp per essere installato come un'icona nella schermata iniziale di un utente? I dati sono memorizzati nella cache locale, in modo che la webapp può essere eseguito quando l'utente è al di fuori del 3G?

Ho fatto una rapida di Google, ma i miei termini di ricerca mancanti. Ho notato che Google Buzz mi ha permesso di installare a livello locale, e mi chiedo che cosa il processo è per la creazione di applicazioni web, e se ottengono un trattamento speciale (full caching / offline in esecuzione).

Answer 1

Questo comportamento viene fatto con un tag meta intitolato apple-mobile-web-app-capable.

Dettagli (e altri tag meta utili per le applicazioni iPhone web): https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

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

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

https://developer.apple .com / library / content / documentazione / 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 API JavaScript e la cache manifesta .

Answer 2

Si veda la risposta 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 eseguire offline), avrete bisogno di guardare a ciò che è chiamato un "cache manifesta". Questo file, collegato al tag html di apertura sulla tua pagina, elenca ogni risorsa l'applicazione ha bisogno di memorizzare in locale.

Inoltre, al fine di conservare / dati utente, se necessario, sarà necessario esaminare la banca dati sul lato client. Non so come molto su questo, quindi non cercherò di spiegarlo. : P

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

che parla sia il manifesto cache e di archiviazione di database locale. Questo dovrebbe aiutare a spiegare ciò che è necessario fare per rendere la vostra linea Esegui applicazione.

Answer 3

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