1.安装插件
cmd切换至项目目录执行
cordova plugin add cordova-plugin-inappbrowser
open()中的URL参数为浏览器跳转的地址。
target的参数有三种:_self,_blank,_system,_self是如果URL地址在WhiteList中,则用Cordova的Webview将其打开;如果是_blank则直接在APP中将其打开;如果是_system则是用手机默认浏览器将新页面打开。
options参数包含以下信息:
location:设置为yes或no来打开或关闭插件的locationbar
hidden:设置为yes则加载出页面但不显示;设置为no则正常加载页面
zoom(Android独有属性):设置为yes则显示缩放浏览器页面的按钮,设置为no则不显示缩放按钮
hardwareback(Android独有属性):设置为yes则调用Android返回键回到前一界面,设置为no则返回键为退出浏览器页面
closebuttoncaption(IOS独有属性):设置yes则显示Done按钮,设置为no则隐藏Done按钮,点击Done按钮关闭浏览器页面
toolbar(IOS独有属性):设置为yes则显示toolbar;no则隐藏toolbar(toolabar相当于Android的返回键功能)
例子
var url = “http://www.baidu.com”;
if (!cordova.InAppBrowser) {
return;
}
//location:设置为yes或no来打开或关闭插件的locationbar
//android
//zoom:设置为yes则显示缩放浏览器页面的按钮,设置为no则不显示缩放按钮
//hardwareback:设置为yes则调用Android返回键回到前一界面,设置为no则返回键为退出浏览器页面
//ios
// toolbar=yes 仅iOS有效,提供关闭、返回、前进三个按钮
// toolbarposition=top/bottom 仅iOS有效,决定toolbar的位置
// closebuttoncaption=关闭 仅iOS有效
var options = 'location=no,toolbarposition=top,toolbar=yes,closebuttoncaption=返回';//ios的几个属性
if(cordova.platformId == 'android'){
options = 'location=yes,zoom=no,hardwareback=yes';//android的几个属性
}
var ref = cordova.InAppBrowser.open(url, '_blank', options);//跳转到百度
//重定义exit方法,根据自己的需求,可不加
ref.addEventListener('exit', function(){
//跳转到首页
console.log('InAppBrowser被关闭');
$state.go("shouye", {}, {reload:true});
return;
});