將外部頁面加載到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])