Installieren Sie Web-App auf dem Startbildschirm auf dem iPhone?

Question

Wie gehe ich über so dass mein Webapp als Symbol auf einem Benutzerstartbildschirm installiert werden? Sind die Daten lokal zwischengespeichert, so dass der Webapp ausgeführt werden kann, wenn der Benutzer außerhalb von 3G ist?

Ich habe eine schnelle Google, aber meine Begriffe fehlten. Ich bemerkte, dass Google Buzz mich erlaubt, lokal zu installieren, und ich frage mich, was der Prozess Web-Anwendungen für das Erstellen, und wenn sie erhalten spezielle Behandlung (full-Caching / Laufen offline).

Answer 1

Dieses Verhalten mit einem meta Tag betitelt apple-mobile-web-app-capable gemacht wird.

Details (und andere meta Tags nützlich für iPhone Web-Anwendungen): https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

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

Um ein schönes Symbol für Ihre Anwendung festgelegt, können Sie eine URL für Ihr Symbol angeben:

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

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

und ein Startbildschirm:

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

Daten können lokal zwischengespeichert werden. Sie können Daten speichern, die verschiedenen HTML5 JavaScript APIs und Cache Manifest .

Answer 2

Siehe ceejayoz Antwort für die verschiedene iPhone-spezifischen Dinge (Symbol, Vollbild-Modus), sondern um vor Ort die gesamte App zu speichern (und laufen offline), werden Sie brauchen, zu betrachten, was ein „Cache-Manifest“ genannt wird. Diese Datei zu speichern, in der Öffnung HTML-Tag auf Ihrer Seite, listet jede Ressource der App Bedürfnisse vor Ort verknüpft.

Zusätzlich zu speichern, um Benutzer Daten, wenn nötig, müssen Sie Blick in die clientseitige Datenbank. Ich weiß nicht so viel darüber, so dass ich es nicht zu erklären versuchen. : P

Apple hat eine anständige Seite hier: https://developer.apple.com/library/content/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/Introduction/Introduction.html#//apple_ref/doc/uid/ TP40007256-CH1-SW1

, dass die Gespräche sowohl über die Cache-Manifest und lokale Datenbankspeicher. Dies sollte helfen, erklären, was Sie tun müssen, um Ihre Anwendung läuft offline zu machen.

Answer 3

Hier ist ein weiteres Beispiel dafür, was Sie zu tun versuchen, kann hilfreich sein: http: / /mrgan.tumblr.com/post/257187093/pie-guy