Come si incorpora iframe nell'app PhoneGap?

Question

Esiste un sito Web di pianificazione reattivo che esegue il rendering di una vista mobile su un telefono. Voglio mostrare questa pagina web all'interno del mio div PhoneGap così posso mantenere la mia intestazione e navigazione. Il codice iframe regolare sembra non funzionare per me. Qualcuno può darmi un suggerimento su come farlo funzionare nello screenshot qui sotto.

Ecco quello che hanno attualmente:

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

Answer 1

funziona:

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

Impostazione dell'altezza e della larghezza al 100% riempie il div contenitore.

NOTA: Se si tenta di incorporare un iframe utilizzando un sito web che può essere visualizzato solo in una cornice sulla stessa origine la pagina stessa, l'ispettore web getterà l'errore di seguito:

Rifiutato per visualizzare 'https://www.google.com/' in una cornice perché imposta 'X-Frame-Options' su 'SAMEORIGIN'.

Detto ciò, www.google.com e molti altri iframe incorporati nel sito saranno sempre vuoti. Spero che questo aiuti qualcuno.

Answer 2

Ebbene si può controllare questo un altro question dato che è possibile incontrare alcuni problemi quando si utilizza iframe sui cellulari viste dispositivi web, se si desidera quelli due div essendo tutto il tempo sul bottone e top, avete solo bisogno css per farlo:

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

e così via .. spero che non hel p voi, naturalmente è necessario effettuare i diritti posizioni div

Answer 3

Ho avuto lo stesso problema e l'ho fatto con la mia soluzione personale ho utilizzato smartzoom. Non è possibile assegnare a Iframe larghezza e altezza del 100% da dare in pixel, quindi ho usato smartzoom per adattarlo automaticamente all'altezza e alla larghezza del contenitore. È possibile regolare il codice in base alle vostre necessità, ecco il jsfiddle

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

Answer 4

<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>