Wie bette ich iframe in die PhoneGap App ein?
Es gibt eine Responsive Scheduling-Website, die eine mobile Ansicht auf einem Telefon darstellt. Ich möchte diese Webseite in meinem PhoneGap div so zeigen, dass ich meine Kopfzeile und Navigation behalten kann. Regelmäßiger iframe-Code scheint für mich nicht zu funktionieren. Kann jemand mir einen Hinweis geben, wie man das funktioniert, wie im Screenshot unten gezeigt.
Hier ist was ich momentan habe:
%Vor% 
4 Antworten
Das funktioniert:
%Vor%Wenn Sie height und width auf 100% setzen, wird das enthaltene div gefüllt.
HINWEIS: Wenn Sie versuchen, einen Iframe mithilfe einer Website einzubetten, die nur in einem Frame am selben Ursprung wie die Seite selbst angezeigt werden kann, wird der Webinspektor den folgenden Fehler ausgeben:
Weigerte sich, " Ссылка " in einem Frame anzuzeigen, weil "X-Frame-Optionen" auf "
Damit sind die eingebetteten iframes von www.google.com und einigen anderen Websites immer leer. Ich hoffe, das hilft jemandem.
Nun, Sie können dies überprüfen Fragen , da Sie bei der Verwendung von iframes auf einige Probleme stoßen können Auf mobilen Geräten Web-Ansichten, wenn Sie wollen, dass diese zwei div die ganze Zeit auf botton und top ist, brauchen Sie nur css, dies zu tun:
%Vor%und so weiter. Ich hoffe, es hilft dir, natürlich musst du die Div-Rechte machen
Ich hatte das gleiche Problem und ich hatte es mit meiner eigenen Lösung gemacht Ich habe smartzoom verwendet. Iframe kann nicht 100% Breite und Höhe gegeben werden, die Sie in Pixel geben müssen, also benutzte ich Smartzoom, es passt iframe automatisch Behälterhöhe und -breite an. Sie können den Code nach Ihren Bedürfnissen anpassen, also die jsfiddle
%Vor%