原文網(wǎng)址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/cordova-plugin-inappbrowser/
城口ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景,ssl證書未來市場廣闊!成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道,可以享受市場價(jià)格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:18980820575(備注:SSL證書合作)期待與您的合作!
要想App里邊的鏈接在指定的內(nèi)部瀏覽器或者系統(tǒng)瀏覽器打開,需要使用cordova-plugin-inappbrowser插件;
當(dāng)我們在APP中需要跳轉(zhuǎn)到一個(gè)特定的瀏覽器網(wǎng)頁時(shí),用這個(gè)插件會(huì)很方便。
1.首先要在我們的項(xiàng)目中安裝這個(gè)插件:cordova plugin add cordova-plugin-inappbrowser,不過使用cordova安裝,不會(huì)將該包顯示在package.json文件中,也就是說,當(dāng)我們再次reset此項(xiàng)目時(shí),這個(gè)插件不會(huì)自動(dòng)再次安裝了,所以我門需要使用這個(gè)命令安裝可避免上述情況發(fā)生:ionic plugin add cordova-plugin-inappbrowser。如果你已經(jīng)使用cordova安裝過了,需要再使用cordova將插件卸載,然后再用ionic安裝;
2.使用方法:
cordova.InAppBrowser.open(URL,target,options)
open()中的URL參數(shù)為瀏覽器跳轉(zhuǎn)的地址;
target的參數(shù)有三種:
_self:如果URL地址在WhiteList中,則用Cordova的WhiteList將其打開;
_blank:直接在App中將其地址打開;
_system:則是用手機(jī)默認(rèn)瀏覽器將新頁面打開
options參數(shù)包含以下信息:
location:設(shè)置為yes或no來打開或關(guān)閉插件的locationbar;
hidden:設(shè)置為yes則加載出頁面但不顯示;設(shè)置為no則正常加載頁面;
Android獨(dú)有屬性:
zoom:設(shè)置為yes則顯示縮放瀏覽器頁面的按鈕,設(shè)置為no則不顯示縮放按鈕;
hardwareback:設(shè)置為yes則調(diào)用Android返回鍵回到前一界面,設(shè)置為no則返回鍵為退出瀏覽器頁面;
iOS獨(dú)有屬性:
closebuttoncaption:設(shè)置yes則顯示Done按鈕,設(shè)置為no則隱藏Done按鈕,點(diǎn)擊Done按鈕關(guān)閉瀏覽器頁面;
toolbar:設(shè)置為yes則顯示toolbar;no則隱藏toolbar(toolabar相當(dāng)于Android的返回鍵功能);
keyboardDisplayRequiresUserAction:設(shè)置為yes或者no來控制打開鍵盤時(shí)是否通過JavaScript調(diào)用focus()接收焦點(diǎn),默認(rèn)為yes;
toolbarposition:設(shè)置為top或者bottom,使工具欄顯示在窗口的頂部或底部;
3.簡單例子:
$scope.openUrl=function(){if (!cordova.InAppBrowser) { return; }// toolbar=yes 僅iOS有效,提供關(guān)閉、返回、前進(jìn)三個(gè)按鈕// toolbarposition=top/bottom 僅iOS有效,決定toolbar的位置// closebuttoncaption=關(guān)閉 僅iOS有效cordova.InAppBrowser.open('http://www.baidu.com', '_blank', 'location=no,toolbar=yes,toolbarposition=top,closebuttoncaption=關(guān)閉'); }
openUrl是我寫的一個(gè)方法,在html頁面中在相應(yīng)位置用ng-click去調(diào)用這個(gè)方法,此時(shí)就會(huì)觸發(fā)瀏覽器跳轉(zhuǎn)的事件,
根據(jù)open()中的設(shè)置,URL參數(shù)是百度的網(wǎng)址;
target參數(shù)為"_blank",也就是在App中打開網(wǎng)址的頁面;
options參數(shù)為iOS系統(tǒng)下會(huì)顯示toolbar,toolbar的位置在頂部,closebuttoncaption隱藏Done按鈕。
網(wǎng)站題目:cordova插件:inappbrowser
網(wǎng)站鏈接:http://jinyejixie.com/article2/iiesic.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供Google、靜態(tài)網(wǎng)站、網(wǎng)站策劃、App設(shè)計(jì)、虛擬主機(jī)、自適應(yīng)網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)