第1步 - 安裝插件

C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-inappbrowser

第2步 - 添加按鈕

第3步 - 添加事件監(jiān)聽器

document.getElementById("openBrowser").addEventListener("click", openBrowser);

第4步 - 創(chuàng)建函數(shù)

在這一步中，我們創(chuàng)建一個(gè)功能，在應(yīng)用程序內(nèi)打開瀏覽器。我們將其分配給之后可以用它來添加事件偵聽器的 ref 變量。

function openBrowser() {
   var url = 'https://cordova.apache.org';
   var target = '_blank';
   var options = "location=yes"
   var ref = cordova.InAppBrowser.open(url, target, options);

   ref.addEventListener('loadstart', loadstartCallback);
   ref.addEventListener('loadstop', loadstopCallback);
   ref.addEventListener('loadloaderror', loaderrorCallback);
   ref.addEventListener('exit', exitCallback);

   function loadstartCallback(event) {
      console.log('Loading started: '  + event.url)
   }

   function loadstopCallback(event) {
      console.log('Loading finished: ' + event.url)
   }

   function loaderrorCallback(error) {
      console.log('Loading error: ' + error.message)
   }

   function exitCallback() {
      console.log('Browser is closed...')
   }
}

如果我們按下 BROWSER 按鈕，將看到屏幕上的以下輸出。

控制臺(tái)也將監(jiān)聽事件。loadstart事件將觸發(fā)當(dāng)URL開始加載以及l(fā)oadstop加載URL將閃光。我們可以控制臺(tái)中看到它在。

我們可以用 ref(參考)變量為一些其他功能。對(duì)于刪除事件偵聽器，可以使用 ?

ref.removeEventListener(eventname, callback); 

對(duì)于關(guān)閉 InAppBrowser 可以使用 ?

ref.close();

ref.show(); 

即使是JavaScript代碼可以被注入到InAppBrowser ?

var details = "javascript/file/url"
ref.executeScript(details, callback);

var details = "css/file/url"
ref.inserCSS(details, callback);