如何在PhoneGap应用中嵌入iframe？

Question

有一个响应式调度网站,可以在手机上呈现移动视图.我想在我的PhoneGap div中显示这个网页,这样我可以保持我的标题和导航.常规的iframe代码似乎对我不起作用.有人可以给我一个关于如何使其工作的提示,如下面的屏幕截图所示.

这是我目前拥有的:

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

Answer 1

这有效:

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

将高度和宽度设置为100%将填充包含div.

注意:如果您尝试使用只能在与页面本身相同的原始框架中显示的网站嵌入iframe,则Web检查员将抛出以下错误:

拒绝在框架中显示" https://www.google.com/ ",因为它将"X-Frame-Options"设置为" SAMEORIGIN ".

话虽如此,www.google.com和其他几个网站的嵌入式iframe将始终为空白.我希望这可以帮助别人.