1. 程式人生 > >ionic開啟內建瀏覽器

ionic開啟內建瀏覽器

cordova-plugin-inappbrowser cordova外掛

1 安裝外掛
cordova platform add cordova-plugin-inappbrowser
2 app.js引入
$cordovaInAppBrowser

var defaultOptions = {
      location: 'yes',
      clearcache: 'yes',
      toolbar: 'yes'
};			    $cordovaInAppBrowser.open('https://auth.ys7.com/static/chromeTip.html', '_blank', defaultOptions)
 .then(function(event) {
	// success
 })
  .catch(function(event) {
	 // error
 });

3 關閉內建瀏覽器
$cordovaInAppBrowser.close();
4 關於引數
open()中的URL引數為瀏覽器跳轉的地址;

target的引數有三種:

_self:如果URL地址在WhiteList中,則用Cordova的WhiteList將其開啟;

_blank:直接在App中將其地址開啟;

_system:則是用手機預設瀏覽器將新頁面開啟

options引數包含以下資訊:

location:設定為yes或no來開啟或關閉外掛的locationbar;

hidden:設定為yes則加載出頁面但不顯示;設定為no則正常載入頁面;

Android獨有屬性:

zoom:設定為yes則顯示縮放瀏覽器頁面的按鈕,設定為no則不顯示縮放按鈕;

hardwareback:設定為yes則呼叫Android返回鍵回到前一介面,設定為no則返回鍵為退出瀏覽器頁面;

iOS獨有屬性:

closebuttoncaption:設定yes則顯示Done按鈕,設定為no則隱藏Done按鈕,點選Done按鈕關閉瀏覽器頁面;

toolbar:設定為yes則顯示toolbar;no則隱藏toolbar(toolabar相當於Android的返回鍵功能);

keyboardDisplayRequiresUserAction:設定為yes或者no來控制開啟鍵盤時是否通過JavaScript呼叫focus()接收焦點,預設為yes;

toolbarposition:設定為top或者bottom,使工具欄顯示在視窗的頂部或底部;