Installez webapp à l'écran d'accueil sur iPhone?

Comment puis-je permis à mes webapp pour être installé comme une icône sur votre écran d'accueil? Les données mises en cache localement, de sorte que la webapp peut être exécuté lorsque l'utilisateur est à l'extérieur de la 3G?

J'ai fait un rapide google, mais mes termes de recherche ne manquaient pas. J'ai remarqué que Google Buzz m'a permis de m'installer en local, et je me demande ce qu'est le processus de création d'applications web, et s'ils reçoivent un traitement spécial (mise en cache complète/en cours d'exécution en mode hors connexion).

source d'informationauteur Stefan Kendall

  1. 22

    Ce comportement est fait avec un meta tag intitulé apple-mobile-web-app-capable.

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

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

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

    https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

    <link href="/custom_icon.png" />

    et un écran de démarrage:

    <link href="/startup.png" />

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

  2. 10

    Voir ceejayoz de réponse pour les différents iPhone spécifique des choses (icône, mode plein écran), mais dans le but de stocker la totalité de l'application au niveau local (et exécuter en mode hors connexion), vous aurez besoin de chercher à ce qu'on appelle un "manifeste de cache". Ce fichier, liée à l'ouverture de la balise html sur votre page, des listes de toutes les ressources dont l'application a besoin de stocker localement.

    En outre, afin de stocker utilisateur de données, en cas de besoin, vous aurez besoin de regarder dans la base de données côté client. Je ne sais pas que beaucoup à ce sujet, donc je ne vais pas essayer de l'expliquer. 😛

    Apple a une bonne page 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 de cache et de locaux de stockage de base de données. Cela devrait aider à expliquer ce que vous devez faire afin de rendre l'exécution de votre application en mode hors connexion.

  3. 7

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