angular.js codovar InAppBrowser跳转

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;
                       });

 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值