文档章节

Ionic--调用手机自带的浏览器

lwenhao
 lwenhao
发布于 2017/08/21 10:03
字数 918
阅读 117
收藏 0

问题:打开应用时,出现倒计时的广告页面。点击这个广告,无效果。

解决方法:

  一、进入该项目目录,安装插件。

       ionic plugin add cordova-plugin-inappbrowser

       插件详情:https://www.npmjs.com/package/cordova-plugin-inappbrowser

  二、给广告效果添加点击事件。

       如:

          $scope.open=function () {

               window.open('http://baidu.com', '_blank', 'location=yes');

           }

 

   三、参考资料:

      1.资料地址https://www.npmjs.com/package/cordova-plugin-inappbrowser

      2.   window.open(url, target, options);

         2.1  url:声明了要在窗口中显示的文档的 URL地址。

         2.2  target:

                   _blank -- 在新窗口中打开链接 

                   _self -- 在当前窗体打开链接,此为默认值

                   _system:在系统的Web浏览器中打开。

         2.3  options:

                   可选,默认为: location=yes

            如:

               window.open('http://baidu.com', '_blank', 'location=yes');

 

2.3.1 所有的平台都支持以下值:

location:设置为yes或no,打开InAppBrowser地址栏中打开或关闭。

                 hidden:设置为yes以创建浏览器和加载页面,但没有表现出来。该loadstop事件触发时加载完成。省略或设置为no(默认值)让浏览器打开并正常加载。

 

 如:

window.open('http://baidu.com', '_blank', 'hidden=yes');

 

     2.3.2 仅适用于Android

 clearcache:设置为yes有浏览器的cookie缓存中清除打开新的窗口前。

                  clearsessioncache:设置为yes有会话cookie缓存中清除打开新的窗口前。

                  zoom:设置为yes,以显示Android浏览器的缩放控制,设置为不隐藏起来。默认值是yes。

 hardwareback:设置为yes使用手机后退按钮通过InAppBrowser历史向后导航。如果没有前一页面,所述InAppBrowser将关闭。默认值是肯定的,所以如果你想后退按钮直接关闭InAppBrowser则必须将其设置为no。

mediaPlaybackRequiresUserAction:设置为yes,以防止HTML5的音频或视频自动播放(默认为无)。    

2.3.3 仅适用于iOS

closebuttoncaption:设置为一个字符串作为完成按钮的标题来使用。请注意,您需要自己本地化此值。

                  disallowoverscroll:设置为YES或NO(缺省值为NO)。开启/关闭的UIWebViewBounce属性。

                  clearcache:设置为yes有浏览器的cookie缓存中清除打开新的窗口前。

                  clearsessioncache:设置为yes有会话cookie缓存中清除打开新的窗口前。

                  toolbar:设置为yes或no打开工具栏或关闭InAppBrowser(默认为yes)

                  enableViewportScale:设置为yes或no通过元标记防止结垢视(默认为no)。

                  mediaPlaybackRequiresUserAction:设置为yes,以防止HTML5的音频或视频自动播放(默认为no)。

                  allowInlineMediaPlayback:设置为yes或no,允许在线HTML5的媒体播放,浏览器窗口,而不是特定于设备的播放界面内显示。该HTML的视频元素还必须包括WebKit的playsinline属性(默认为no)

                  keyboardDisplayRequiresUserAction:设置为yes或no当表单元素通过JavaScript  focus() 调用(默认为yes)接收焦点打开键盘。

                  suppressesIncrementalRendering:设置为yes或no等到所有新视图的内容被渲染(默认为no)之前收到。

                  presentationstyle: 设置为pagesheet(它的宽度是固定的768点,在iPad竖屏情况下则全屏呈现), formsheet (它的是固定的540x620点,无论是横屏还是竖屏情况下呈现尺寸都不会变化。)或者 fullscreen(全屏状态,是默认呈现样式,iPhone只能全屏呈现。),设置演示风格(默认为 fullscreen).

                  transitionstyle:设置为fliphorizontal、crossdissolve或coververtical设置过渡方式(默认为coververtical)。

                 toolbarposition:设置顶部或底部(默认为底部)。原因工具栏是在窗口的顶部或底部。

 

              2.3.4 仅适用于Windows

 

 fullscreen: 设置为yes 就会创建一个没有边框的浏览器控件,请注意,如果指定 location=no的话,也就没有呈现给用户关闭选项卡窗口的控制。

 

© 著作权归作者所有

lwenhao
粉丝 4
博文 115
码字总数 63080
作品 0
海淀
程序员
私信 提问
理解ionic2 + angular2开发方案

  看了下ionic2的官方文档,做了简单的分析理解。 1. 安装使用   ionic2的安装运行基本和前版本的ionic基本一致,非常简单。 当然这里需要保证你的开发环境SDK已经安装成功了,例如Andro...

ouven
2016/09/20
1K
0
ionic-native-transitions让html5开发的app和原生一样快

Ionic(ionicframework)一款接近原生的Html5移动App开发框架 会html css js就可以开发跨平台的app 但是大家都知道 ionic在稍微低配置的android手机上面表现不是特别好。下面介绍的ionic-nat...

htzhanglong
2016/01/17
4.2K
2
Ionic系列——极光推送

一、准备工作 1、首先你要创建好一个Ionic的项目。 2、你要去JPush官网注册一个账号,并新建一个应用,这个管理平台是可以手动发送消息,并统计分析的。 3、在上图中的应用包名要注意,这个得...

龙马行空
2015/10/09
5.2K
0
Cordova 和 Ionic 的区别

Cordova Apache Cordova是一个开源的移动开发框架。允许你用标准的web技术-HTML5,CSS3和JavaScript做跨平台开发。 应用在每个平台的具体执行被封装了起来,并依靠符合标准的API绑定去访问每个...

华山猛男
2018/11/07
137
0
ionic项目测试是ng-cordova和设备同步问题

@龙马行空 你好,想跟你请教个问题: 我在用ionic项目进行ios和android测试的时候,有木有办法和手持端进行同步,不然每次修改完后都要编译然后打包在 设备上,主要是一些插件必须用到设备,...

星爵
2016/07/18
398
0

没有更多内容

加载失败,请刷新页面

加载更多

64.监控平台介绍 安装zabbix 忘记admin密码

19.1 Linux监控平台介绍 19.2 zabbix监控介绍 19.3/19.4/19.6 安装zabbix 19.5 忘记Admin密码如何做 19.1 Linux监控平台介绍: 常见开源监控软件 ~1.cacti、nagios、zabbix、smokeping、ope...

oschina130111
今天
12
0
当餐饮遇上大数据,嗯真香!

之前去开了一场会,主题是「餐饮领袖新零售峰会」。认真听完了餐饮前辈和新秀们的分享,觉得获益匪浅,把脑子里的核心纪要整理了一下,今天和大家做一个简单的分享,欢迎感兴趣的小伙伴一起交...

数澜科技
今天
7
0
DNS-over-HTTPS 的下一代是 DNS ON BLOCKCHAIN

本文作者:PETER LAI ,是 Diode 的区块链工程师。在进入软件开发领域之前,他主要是在做工商管理相关工作。Peter Lai 也是一位活跃的开源贡献者。目前,他正在与 Diode 团队一起开发基于区块...

红薯
今天
8
0
CC攻击带来的危害我们该如何防御?

随着网络的发展带给我们很多的便利,但是同时也带给我们一些网站安全问题,网络攻击就是常见的网站安全问题。其中作为站长最常见的就是CC攻击,CC攻击是网络攻击方式的一种,是一种比较常见的...

云漫网络Ruan
今天
11
0
实验分析性专业硕士提纲撰写要点

为什么您需要研究论文的提纲? 首先当您进行研究时,您需要聚集许多信息和想法,研究论文提纲可以较好地组织你的想法, 了解您研究资料的流畅度和程度。确保你写作时不会错过任何重要资料以此...

论文辅导员
今天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部