Wie kann ich einbetten iframe in PhoneGap-app?

Es ist eine ansprechende Planung website, macht eine mobile Ansicht, wenn Sie auf einem Telefon. Ich will zeigen, diese Webseite auch in meine PhoneGap div auf diese Weise kann ich halten mein header und navigation. Regelmäßige iframe code scheint nicht zu funktionieren für mich. Kann jemand mir einen Tipp geben, wie man diese arbeiten, wie in der Abbildung unten.

Hier ist, was ich derzeit habe:

    <div id="set" title="Set Appointment" class="panel">
            <iframe width="320px" height="480px" src="http://google.com"></iframe>
    </div>

Wie kann ich einbetten iframe in PhoneGap-app?

InformationsquelleAutor KlassAktKreations | 2013-07-03
  1. 17

    Dies funktioniert:

    <iframe src="http://www.myschedulingwebsite.com/" style="width:100%; height:100%;">

    Einstellung der Höhe und Breite auf 100% füllt die mit div.

    HINWEIS:, Wenn Sie versuchen, einbetten eines iframe mit einer website, die nur angezeigt werden in einem frame auf der gleichen Herkunft wie die Seite selbst, die web-Prüfer werfen der folgenden Fehlermeldung:

    Weigerte sich, die Anzeige 'https://www.google.com/' in einem Rahmen, weil es set 'X-Frame-Options' to 'SAMEORIGIN'.

    Mit dieser sagte, http://www.google.com und einige andere Website, die eingebettete iframes wird immer leer sein. Ich hoffe, das jemand hilft.

    InformationsquelleAutor KlassAktKreations
  2. 3
    <iframe src="mypage.html" style="position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;">
    Your browser doesn't support iframes
</iframe>
    • Ausgewählte Antwort funktionierte nicht gut für mich, weil der iframe-Inhalt nicht zentriert wurde, anstatt, es war zu niedrig auf der Seite und vertriebene auf der rechten Seite. Früher habe ich in diesem Stil (außer für die z-index-Teil) und dann wird es richtig angezeigt.
    InformationsquelleAutor Mahdi Esmaeili
  3. 0

    Gut Sie können dies überprüfen, eine andere Frage da kann man über einige Probleme bei der Verwendung von iframes auf Mobile Geräte, web-Ansicht, wenn Sie möchten, dass diese zwei div-Wesen die ganze Zeit über unten und oben, müssen Sie nur die css zu tun:

    .topheader {
   position:fixed;
   bottom:0;
}

    und so weiter.. ich hoffe es hilft dir, natürlich Sie brauchen, um die div-Positionen-Rechte

    • Aber in diesem Fall, wie würden Sie die 'Menü' links in die 'topheader' dem Benutzer zu ermöglichen, navigieren Sie zurück zu anderen Seiten innerhalb der PhoneGap-app?
    InformationsquelleAutor jycr753
  4. 0

    Ich hatte das gleiche problem und ich hatte es geschafft mit meiner eigenen Lösung
    ich habe verwendet,smartzoom. Iframe kann nicht mit 100% Breite und Höhe, die Sie haben zu geben, in pixel, so habe ich smartzoom es passt automatisch iframe-container, Höhe und Breite. Sie können den code nach Ihrem Bedarf, hier ist der jsfiddle

    <div id="viewsites" class="viewsites">
    <iframe scrolling="no" id="viewsite_iframe" sandbox="allow-scripts allow-popups allow-forms" src="" class="clsIframe"></iframe>
</div>
    InformationsquelleAutor skhurams
Schreibe einen Kommentar