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