[Cordova inAppBrowser 在App內開啟瀏覽器]

來源:互聯網
上載者:User

標籤:highlight   rtc   hidden   loader   tintcolor   art   官網   lse   IV   

方案1:

使用Cordova外掛程式 cordova-plugin-inappbrowser

  1.  添加外掛程式 

cordova plugin add cordova-plugin-inappbrowser

  2. 調用以及參數

 

cordova.InAppBrowser.open(url, target, options);或者window.open = cordova.InAppBrowser.open;window.open(url, target, options);

  

  url:  如果包含 Unicode 字元, 調用 encodeURI(url);

  target 包括: _self, url在白名單中 則在cordova webview中開啟 否則在 inAppBrowser中開啟

        _blank, 在 inAppBrowser中開啟

        _system, 在系統瀏覽器中開啟, 比如Chrome/Safari

  options 包括:"location=yes/no" 地址欄

         "hidden=yes/no" no 是預設的, yes則正常load 但是不顯示,通過調用.show() .close()來顯示或關閉,如下

         其他options請參考官網

  

var target = "_blank";var options = "location=yes,hidden=yes";inAppBrowserRef = cordova.InAppBrowser.open(url, target, options);inAppBrowserRef.addEventListener(‘loadstart‘, loadStartCallBack); inAppBrowserRef.addEventListener(‘loadstop‘, loadStopCallBack); inAppBrowserRef.addEventListener(‘loaderror‘, loadErrorCallBack); ... function loadStopCallBack() {  if (inAppBrowserRef != undefined) {  inAppBrowserRef.show();  } } ...

  

 

方案2:

使用cordova外掛程式 cordova-plugin-safariviewcontroller

 

  1. 添加外掛程式 

$ ionic cordova plugin add cordova-plugin-safariviewcontroller$ npm install --save @ionic-native/safari-view-controller

  2. 調用以及參數

...

if (typeof SafariViewController !== ‘undefined‘) { SafariViewController.isAvailable(function (available) { console.log(" Is available"); if (available) { console.log("Safari Is available"); SafariViewController.show({ url: encodeURI(url), toolbarColor: ‘#0091ea‘, tintColor: ‘#0091ea‘, controlTintColor: "#0091ea" }); } else { window.open(encodeURI(url), ‘_blank‘, ‘location=no‘); } }); } else { window.open(encodeURI(url), ‘_blank‘, ‘location=no‘); }

  

[Cordova inAppBrowser 在App內開啟瀏覽器]

相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。