Installer l'application Web pour l'écran d'accueil sur iPhone?

Question

Comment puis-je faire pour permettre mon webapp d'être installé comme une icône sur l'écran d'accueil d'un utilisateur? Les données sont mises en cache localement, de sorte que la webapp peut être exécuté lorsque l'utilisateur est en dehors de la 3G?

Je l'ai fait un rapide Google, mais mes termes de recherche manquent pas. J'ai remarqué que Google Buzz m'a permis d'installer localement, et je me demande quel est le processus pour créer des applications web, et si elles obtiennent un traitement spécial (pleine mise en cache / hors ligne en cours d'exécution).

Answer 1

Ce comportement est fait avec une étiquette de meta apple-mobile-web-app-capable intitulé.

Détails (et d'autres balises meta utiles pour les applications web iPhone): https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

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

Pour définir une belle icône de votre application, vous pouvez spécifier une URL pour votre icône:

https://developer.apple .com / bibliothèque / contenu / documentation / AppleApplications / Référence / SafariWebContent / ConfiguringWebApplications / ConfiguringWebApplications.html

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

et un écran de démarrage:

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

Données peut être mises en cache localement. Vous pouvez stocker des données en utilisant les différents HTML5 API JavaScript et manifeste de cache .

Answer 2

Voir la réponse ceejayoz pour les différentes choses spécifiques à l'iPhone (icône, mode plein écran), mais pour stocker l'application ensemble localement (et exécuter hors ligne), vous aurez besoin de regarder ce que l'on appelle un « cache manifeste ». Ce fichier, lié à la balise html d'ouverture sur votre page, répertorie toutes les ressources de l'application doit stocker localement.

En outre, afin de stocker utilisateur données, le cas échéant, vous aurez besoin de regarder dans la base de données côté client. Je ne sais pas autant à ce sujet, donc je ne vais pas essayer de l'expliquer. : P

Apple a une page décente ici: https://developer.apple.com/library/content/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/Introduction/Introduction.html#//apple_ref/doc/uid/ TP40007256-CH1-SW1

qui parle à la fois le manifeste du cache et le stockage de base de données locale. Cela devrait aider à expliquer ce que vous devez faire pour faire fonctionner votre application hors ligne.

Answer 3

Voici un autre exemple de ce que vous essayez de faire, peut être utile: http: / /mrgan.tumblr.com/post/257187093/pie-guy