Webapp auf Homescreen auf dem iPhone installieren?

Question

Wie kann ich meine Webanwendung als Symbol auf dem Startbildschirm eines Benutzers installieren? Werden die Daten lokal zwischengespeichert, so dass die Webanwendung ausgeführt werden kann, wenn der Benutzer außerhalb von 3G ist?

Ich habe eine schnelle Google, aber meine Suchbegriffe fehlten. Ich habe festgestellt, dass Google Buzz mir erlaubt, lokal zu installieren, und ich frage mich, wie der Prozess zum Erstellen von Web-Apps aussieht und ob sie eine spezielle Behandlung erhalten (vollständiges Caching/Offline-Ausführung).

Answer 1

Dieses Verhalten wird mit einem meta Tag mit dem Titel apple-mobile-web-app-capable getan.

-Details (und andere meta Tags nützlich für iPhone Web-Anwendungen):

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

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

ein schönes Symbol für Ihre Anwendung zu setzen, Sie eine URL für Ihr Symbol angeben

<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 mit den verschiedenen HTML5 JavaScript APIs und cache manifest speichern.

Answer 2

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

Answer 3

See ceejayoz Antwort für die verschiedene iPhone-spezifischen Dinge (Symbol, Vollbild-Modus), sondern um vor Ort die gesamte App zu speichern (und offline ausführen) müssen Sie sich ein so genanntes "Cache-Manifest" ansehen. Diese Datei, die im öffnenden HTML-Tag auf Ihrer Seite verlinkt ist, listet alle Ressourcen auf, die die App lokal speichern muss.

Zusätzlich, um Benutzer Daten zu speichern, müssen Sie gegebenenfalls in die clientseitige Datenbank suchen. Ich weiß nicht so viel darüber, also werde ich nicht versuchen, es zu erklären. : P

von Apple hat eine gute Seite hier: http://developer.apple.com/safari/library/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40007256-CH1-SW1

, die sowohl über die Cache-Manifest und lokale Datenbankspeicher sprechen. Dies sollte erklären, was Sie tun müssen, damit Ihre Anwendung offline ausgeführt wird.