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,使工具欄顯示在視窗的頂部或底部;