Instalar aplicación web a la pantalla principal en el iPhone?

Question

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

Hice un google rápida, pero mis términos de búsqueda eran escasas. Noté que Google Buzz me permitió instalar a nivel local, y me pregunto cuál es el proceso para la creación de aplicaciones web, y si ellos reciben un tratamiento especial (almacenamiento en caché completa / sin conexión que ejecuta).

Answer 1

Este comportamiento se hace con un meta titulado etiqueta apple-mobile-web-app-capable.

detalles (y otras etiquetas meta útiles para aplicaciones web iPhone): https://developer.apple.com/library/content/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 de su icono:

https://developer.apple .com / biblioteca / content / documentación / AppleApplications / Referencia / 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 utilizando los diversos HTML5 API de JavaScript y manifiesto de caché .

Answer 2

Véase la respuesta 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 ejecutar sin conexión), usted tiene que mirar a lo que se llama un "manifiesto de caché". Este archivo, vinculado a la etiqueta html abertura en su página, enumera todos los recursos de la aplicación necesita almacenar localmente.

Además, con el fin de almacenar usuarios de datos, si es necesario, usted tendrá que buscar en la base de datos del lado del cliente. No sé mucho acerca de eso, así que no voy a tratar de explicarlo. : P

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

que tanto habla de manifiesto de la caché y almacenamiento de base de datos local. Esto debería ayudar a explicar lo que hay que hacer con el fin de hacer que su aplicación se ejecutan fuera de línea.

Answer 3

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