原文網(wǎng)址：http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/cordova-plugin-inappbrowser/

創(chuàng)新互聯(lián)公司2013年至今，先為賓陽等服務(wù)建站，賓陽等地企業(yè)，進行企業(yè)商務(wù)咨詢服務(wù)。為賓陽企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

要想App里邊的鏈接在指定的內(nèi)部瀏覽器或者系統(tǒng)瀏覽器打開，需要使用cordova-plugin-inappbrowser插件；

當(dāng)我們在APP中需要跳轉(zhuǎn)到一個特定的瀏覽器網(wǎng)頁時，用這個插件會很方便。

1.首先要在我們的項目中安裝這個插件：cordova plugin add cordova-plugin-inappbrowser，不過使用cordova安裝，不會將該包顯示在package.json文件中，也就是說，當(dāng)我們再次reset此項目時，這個插件不會自動再次安裝了，所以我門需要使用這個命令安裝可避免上述情況發(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：則是用手機默認瀏覽器將新頁面打開

options參數(shù)包含以下信息：

 location：設(shè)置為yes或no來打開或關(guān)閉插件的locationbar；

 hidden：設(shè)置為yes則加載出頁面但不顯示；設(shè)置為no則正常加載頁面；

Android獨有屬性：

zoom：設(shè)置為yes則顯示縮放瀏覽器頁面的按鈕，設(shè)置為no則不顯示縮放按鈕；

hardwareback：設(shè)置為yes則調(diào)用Android返回鍵回到前一界面，設(shè)置為no則返回鍵為退出瀏覽器頁面；

iOS獨有屬性：

closebuttoncaption：設(shè)置yes則顯示Done按鈕，設(shè)置為no則隱藏Done按鈕，點擊Done按鈕關(guān)閉瀏覽器頁面；

toolbar：設(shè)置為yes則顯示toolbar；no則隱藏toolbar（toolabar相當(dāng)于Android的返回鍵功能）；

keyboardDisplayRequiresUserAction：設(shè)置為yes或者no來控制打開鍵盤時是否通過JavaScript調(diào)用focus()接收焦點，默認為yes；

toolbarposition：設(shè)置為top或者bottom，使工具欄顯示在窗口的頂部或底部；

3.簡單例子：

$scope.openUrl=function(){if (!cordova.InAppBrowser) {    return;
}// toolbar=yes 僅iOS有效,提供關(guān)閉、返回、前進三個按鈕// 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是我寫的一個方法，在html頁面中在相應(yīng)位置用ng-click去調(diào)用這個方法，此時就會觸發(fā)瀏覽器跳轉(zhuǎn)的事件，

根據(jù)open()中的設(shè)置，URL參數(shù)是百度的網(wǎng)址；

target參數(shù)為"_blank"，也就是在App中打開網(wǎng)址的頁面；

options參數(shù)為iOS系統(tǒng)下會顯示toolbar，toolbar的位置在頂部，closebuttoncaption隱藏Done按鈕。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

分享文章：cordova插件：inappbrowser-創(chuàng)新互聯(lián)
當(dāng)前地址：http://weahome.cn/article/hijds.html