将外部页面加载到Cordova / Phonegap应用程序

时间:2014-04-01 23:24:50

标签: javascript html redirect cordova

我有一个Cordova / Phonegap应用程序。在开始检查互联网连接。 实际上应用程序执行本地文件,但我会,当有互联网连接时,我的应用程序加载外部网页(这是我的应用程序的在线版本)。

我怎样才能做到这一点?我已经有了检查互联网连接的脚本。

谢谢!

2 个答案:

答案 0 :(得分:11)

您可以使用Jquery load()或Ajax或InApp浏览器将外部页面加载到应用程序。

如果要将外部页面显示为div,可以通过load()或ajax调用来实现

<强> HTML:

<div id="Load"></div>
<hr/>
<div id="ajax"></div>

<强> JS:

/*Using Jquery Load()*/
$('#Load').load('http://www.google.co.in');

/*Using ajax*/
$.ajax({
  dataType:'html',
  url:'http://www.google.co.in',
  success:function(data) {
    $('#ajax').html($(data).children());   
  }
});

Inapp browser

 window.open('http://www.google.co.in','_self');

浏览 documentation

在使用inappbrowser之前,您必须将插件安装到项目中 通过commanline将inappbrowser添加到项目中

$ phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-inappbrowser.git

希望这会对你有所帮助。

答案 1 :(得分:3)

除非我疯了,否则你只是XHR页面并将其添加到DOM?如果使用jQuery,只需使用$.get方法。

语法 -

$.get(url, [data], [callback], [type])