移动端下载App或者打开指定App

需求是在项目活动页中下载app或者如果已经已经安装app打开app

代码如下

 1 navToDownApp() {
 2       let u = navigator.userAgent
 3       if (/MicroMessenger/gi.test(u)) {
 4         // 如果是微信客户端打开,引导用户在浏览器中打开
 5         alert('请在浏览器中打开')
 6       }
 7       if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {
 8         // Android
 9         if (this.openApp('en://startapp')) {
10           this.openApp('en://startapp') // 通过Scheme协议打开指定APP
11         } else {
12           //跳转Android下载地址
13         }
14       } else if (u.indexOf('iPhone') > -1) {
15         if (this.openApp('ios--scheme')) {
16           this.openApp('ios--scheme') // 通过Scheme协议打开指定APP
17         } else {
18           // 跳转IOS下载地址
19         }
20       }
21     },
22     openApp(src) {
23       // 通过iframe的方式试图打开APP,如果能正常打开,会直接切换到APP,并自动阻止a标签的默认行为
24       // 否则打开a标签的href链接
25       let ifr = document.createElement('iframe')
26       ifr.src = src
27       ifr.style.display = 'none'
28       document.body.appendChild(ifr)
29       window.setTimeout(function() {
30         // 打开App后移出这个iframe
31         document.body.removeChild(ifr)
32       }, 2000)
33     }

 

转载于:https://www.cnblogs.com/lymvv/p/11262631.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值