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

【问题标题】：Load external page on to Cordova/Phonegap application将外部页面加载到 Cordova/Phonegap 应用程序
【发布时间】：2023-03-11 16:35:01
【问题描述】：

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

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

谢谢！

【问题讨论】：

标签： javascript html redirect cordova

【解决方案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 browser

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

通过documentation

在使用 inappbrowser 之前，您必须将插件安装到您的项目中通过命令行将inappbrowser添加到项目中

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

希望对你有帮助。

【讨论】：

.load 在 Windows 上的 Cordova 6 中似乎被破坏（不确定）

【解决方案2】：

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

语法 -

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

【讨论】：

感谢卡姆登先生！但是，你能给我举个例子吗？