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

Question

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

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

谢谢！

Answer 1

您可以使用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浏览器

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

浏览文档

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

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

希望这会对你有所帮助。

Answer 2

除非我疯了，你不能只是XHR页面并将其添加到DOM？ 如果使用jQuery，只需使用$.get方法即可。

句法 -

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