¿Instalar webapp a la pantalla de inicio en iPhone?

Question

¿Cómo hago para permitir que mi webapp se instale como un icono en la pantalla de inicio de un usuario? ¿Los datos se almacenan en caché localmente, de modo que la aplicación web se puede ejecutar cuando el usuario está fuera de 3G?

Hice una búsqueda rápida en Google, pero mis términos de búsqueda me faltaban. Noté que Google Buzz me permitió instalarlo localmente, y me pregunto cuál es el proceso para crear aplicaciones web, y si reciben un tratamiento especial (almacenamiento en caché completo/sin conexión).

Answer 1

Este comportamiento se realiza con una etiqueta meta titulada apple-mobile-web-app-capable.

detalles (y otros meta etiquetas útiles para aplicaciones web iPhone): http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

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

Para establecer un icono agradable para su aplicación, se puede especificar una dirección URL para su icono:

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

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

y una pantalla de inicio:

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

datos puede se almacenan en caché localmente. Puede almacenar datos usando los diversos HTML5 JavaScript APIs y cache manifest.

Answer 2

Aquí hay otro ejemplo de lo que está tratando de hacer, puede ser útil: http://mrgan.tumblr.com/post/257187093/pie-guy

Answer 3

respuesta

Sede de ceejayoz para la varia materia iPhone-específica (icono, el modo de pantalla completa), pero con el fin de almacenar toda la aplicación a nivel local (y ejecute sin conexión), tendrá que mirar lo que se llama un "manifiesto de caché". Este archivo, vinculado a la etiqueta html de apertura en su página, enumera todos los recursos que la aplicación necesita para almacenar localmente.

Además, para almacenar datos del usuario, si es necesario, deberá buscar en la base de datos del lado del cliente. No sé mucho sobre eso, así que no intentaré explicarlo. : P

Apple tiene una página decente aquí: http://developer.apple.com/safari/library/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40007256-CH1-SW1

que habla tanto de la memoria caché de la base de datos de almacenamiento de manifiesto y local. Esto debería ayudar a explicar lo que debe hacer para que su aplicación se ejecute sin conexión.