1. 程式人生 > 實用技巧 >【移動端】cordova在app中開啟外部連結——cordova-plugin-inappbrowser

【移動端】cordova在app中開啟外部連結——cordova-plugin-inappbrowser

安裝:

cordova plugin add cordova-plugin-inappbrowser

語法:

var ref = cordova.InAppBrowser.open(url, target, options);

1. URL引數為瀏覽器跳轉的地址;

  2. target的引數有三種:

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

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

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

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

若cordova專案為改動後的cordova專案,請參考:https://www.cnblogs.com/lishuxue/p/6144134.html