【问题标题】:Load webview in phonegap application在 phonegap 应用程序中加载 webview
【发布时间】:2013-07-31 09:54:55
【问题描述】:

我正在使用 phonegap 开发应用程序, 我需要在我的应用程序中加载一个网站(比如 www.google.com)。这个怎么做 ?

1.我需要ios和android

2.需要在我的应用中打开网站,而不是使用原生浏览器。

【问题讨论】:

  • 为什么不使用 iframe?

标签: javascript cordova cordova-2.0.0


【解决方案1】:

您可以使用专门为此目的设计的 InAppBrowser。 你可以这样做

var ref = window.open('http://apache.org', '_blank', 'location=yes');

有关 InAppBrowser 的更多信息,您可以查看this 文档。

【讨论】:

    【解决方案2】:

    您可以使用如下 iframe 加载外部网页。

    <iframe id="myIframe" src="http://www.google.com" height="200" width="500">
    
    </iframe>
    

    注意:您可以在您的应用程序中使用 iFrame 来显示一些网页,但您必须注意要在 iFrame 中加载哪个网站,因为大多数流行网站(FB、Twitter 等) ) 不允许他们的网站使用 META 标签在 iFrame 中呈现。

    【讨论】:

    • 我在控制台中收到一条错误消息“阻止了具有来源的框架“maps.google.com”访问具有来源的框架”
    • 不是推荐的解决方案。 webview 选项比这更好。还要记住您要加载的网址的白名单
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-07-02
    • 2017-02-28
    • 2012-10-08
    • 1970-01-01
    • 2017-09-14
    相关资源
    最近更新 更多