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

编程知识更新时间:2023-05-01 21:40:42

需求是在项目活动页中下载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     }