HTML5-Webanwendung wird beim Hinzufügen zum Startbildschirm in iOS nicht zwischengespeichert
Die Web-App wird zwischengespeichert und funktioniert offline in Mobile Safari einwandfrei.
Das Problem tritt auf, wenn es auf einem iPhone 4s und iPad 2 mit iOS 6.0.1 zum Startbildschirm hinzugefügt wird. Es funktioniert nicht offline und gibt einen Netzwerkfehler aus, um eine Verbindung zum Internet herzustellen, d. H. "MYWEBAPP kann nicht geöffnet werden. MYWEBAPP konnte nicht geöffnet werden, da keine Verbindung zum Internet besteht."
Ich habe dies für einige Stunden debuggt und kann nicht scheinen, eine Lösung zu finden. Ich erhalte keine Fehler in der Konsole und starte Jonathan Stark'sDebugging-Code
Ich habe die App in Desktop Safari, Chrome und Firefox's Entwicklertools sowohl Online als auch Offline getestet. Sowie Web Inspector mit den Geräten in Safari. Das Ergebnis ist auf dem iPhone oder iPad gleich. Beide speichern die Web-App im Cache und funktionieren in Mobile Safari, jedoch nicht, wenn sie zum Startbildschirm hinzugefügt werden. Keine Fehler, weder offline noch online.
Soweit ich weiß, verwende ich Best Practices:
HTML-Header hinzugefügt:<html manifest="photo.appcache">
Ich habe auch mit der Verwendung verschiedener Namen für die Manifest-Datei experimentiert, einschließlich: cache.manifest und offline.manifest, als ich las, dass es einen Unterschied macht, aber in meinen Tests ist es egal, wie der Name ist, solange die Erweiterungen sind. manifest oder .appcache und wird in der .htaccess-Datei entsprechend bereitgestellt.
Richtige MIME-Typen hinzugefügt:AddType text/cache-manifest appcache manifest
Ich habe auch versucht:AddType text/cache.manifest manifest, AddType text/cache.manifest .manifest manifest, AddType text/cache-manifest .manifest
Ich glaube nicht, dass das funktioniert hat:AddType text/cache.manifest aber ich erinnere mich nicht. Zum größten Teil war es egal und ich blieb bei:
AddType-Text / Cache-Manifest-Anwendungscache-Manifest
als das, was in der HTML5 Mobile Boilerplate war.
Hinzugefügt:
NETZWERK: *
in die AppCache-Datei. Ich glaube, das erlaubt das Herunterladen von allem und macht es möglich, dass alle Links funktionieren.
Ich habe versucht, diese Zeile zu entfernen:<meta name="apple-mobile-web-app-capable" content="yes"> weil ich hier auf SO gelesen habe, ist das ein problem ähnlich meinem gelöst, aber ich kann bestätigen, dass es in meinen tests nicht funktioniert. Wenn Sie diese Zeile entfernen oder den Inhalt auf "Nein" setzen, wenn Sie auf das Startbildschirm-Symbol klicken, wird die Weiterleitung zu Mobile Safari durchgeführt und nicht der Vollbildschirm geöffnet.Ich habe es so ziemlich eingegrenzt, dass es ein Fehler in iOS 6 ist (ich verwende tatsächlich iOS 6.0.1), weil ich weiß, dass Daten jetzt für Web-Apps im Browser und für diejenigen, die zum Startbildschirm hinzugefügt wurden, getrennt wurden . Ich poste dieses Problem hier, um festzustellen, ob andere Entwickler auf dasselbe Problem gestoßen sind.