Wie kann ich einen iframe in einer phonegap/cordova app, die auf IOS?
Ich habe eine webapp, die ich mit PhoneGap/Cordova zu installieren unter iOS und Android. An einem Punkt in der app habe ich ein iframe, lädt Inhalte von einem zweiten server.
Wenn ich die app starte einen browser ein, funktioniert alles wie erwartet - das iframe öffnet sich auf der gleichen Seite ein und lädt den Inhalt aus der zweiten Website.
Wenn ich die webapp auf einem iPhone simulator mithilfe von Cordova, wenn der iframe öffnet, iOS wechselt zu Safari und bringt meine app in den hintergrund.
Schritte:
- Habe ich noch die zweite Seite der "ExternalHosts" array in Cordova.plist-Datei.
- Erstellte ich ein config.xml Datei-neben dem index.html Datei im /www Verzeichnis, nach dem PhoneGap/Cordova-Dokumentation (https://build.phonegap.com/docs/config-xml).
- Ich habe eine <preference name="stay-in-webview" value="true" /> - tag an der config.xml Datei als ein Kind der Haupt - <widget - > tag.
Mein Verdacht ist, dass es keine lese - /mit der config.xml Datei, aber es könnte etwas anderes sein... Hat jemand irgendwelche Ideen was ich tun könnte falsch?
InformationsquelleAutor der Frage Troy | 2013-03-04
Du musst angemeldet sein, um einen Kommentar abzugeben.
Nach dem hinzufügen einer InAppBrowser anstelle des iframe-ich war mit vor, die ich schließlich versucht ein iframe wieder, und das iframe funktioniert jetzt auch ohne das springen über den Handy-browser, wie Sie es vorher Tat, und das iframe funktioniert konsequent in beiden iOS und Android.
2 Dinge geändert, seit der Zeit, iframes wurden gebrochen, als Sie anfing zu arbeiten:
Begann ich dynamisch erstellen/hinzufügen der iframe-Seite mit jquery, anstatt nur einblenden eine bereits existierende iframe, als ich dabei war zunächst:
$('<iframe src="whatever.com" height="100%" width="100%" frameborder="0"></iframe>').appendTo('body');
.
Ich habe nicht die Mühe zu überprüfen, ob es #1 oder #2, das fest der iframe-Problem (ich vermute, es ist #1), aber ich dachte, ich würde post, dass es möglich IST, zu erhalten iframes arbeiten mit PhoneGap/Cordova app, im Falle jemand anderes läuft in das gleiche problem.
InformationsquelleAutor der Antwort Troy
Warum spielst du nicht die InAppBrowser? http://docs.phonegap.com/en/2.3.0/cordova_inappbrowser_inappbrowser.md.html . Es wird schwierig sein, zu verwenden iframes, die sowohl in Android als auch in iOS
InformationsquelleAutor der Antwort Whizkid747
Das gleiche jetzt mit iOS 8 nicht funktioniert. Bekomme ich den iFrame mit kein scrollen und überlaufen auf andere divs. Habe versucht, verschiedene css-Stile, aber keine Lösung. Funktioniert gut auf Android-apps.
Dies ist mit dem neusten Phonegap build.
InformationsquelleAutor der Antwort eyal_katz