html - 如何在 PhoneGap 应用程序中嵌入 iframe？

Question

有一个响应式日程安排网站，可以在手机上呈现移动 View 。我想在我的 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，网络检查器将抛出以下错误:

拒绝显示“https://www.google.com/” ' 在框架中，因为它将 'X-Frame-Options' 设置为 'SAMEORIGIN'。

话虽如此，www.google.com 和其他几个网站的嵌入式 iframe 将始终为空白。我希望这对某人有所帮助。