分类导航

iOS 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了通过扫码打开IOS的App Store下载APP(Android版暂时没找到解决方法)，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

项目需求：扫码根据不同平台下载不同版本的APP。主要是ios和Android。

网上找了很多，前面判断平台的代码很容易找到，但是后面的就有些坑了。有的人的是根本跑不通。有的是代码补全。

下面是微信扫码下载APP。（iOS版）

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <Meta charset="UTF-8">
 5     <Meta name="viewport" content="width=device-width,initial-scale=1.0">
 6     <Meta http-equiv="X-UA-Compatible" content="ie=edge">
 7     <title>下载APP</title>
 8 </head>
 9 <body>
10 
11 </body>
12 <script>
13     // 判断是不是 ios 设备
14     function checkIsAppleDevice() {
15         let u = navigator.userAgent,16             app = navigator.appVersion;
17         console.log(‘u======‘,u);
18         console.log(‘app=======‘,app)
19         let ios = !!u.match(/\i[^;]+;( U;)? cpu.+Mac OS X/);
20         let iPad = u.indexOf(‘iPad‘) > -1;
21         let iPhone = u.indexOf(‘iPhone‘) > -1 || u.indexOf(‘Mac‘) > -1;
22         if(ios || iPad || iPhone) {
23             return true;
24         } else {
25             return false;
26         }
27     }
28     // alert( checkIsAppleDevice() )
29 
30     // 判断是不是 Android 设备
31     function checkIsAndroidDevice() {
32         let u = navigator.userAgent;
33         // console.log(u);
34         if(u.indexOf(‘Android‘) > -1 || u.indexOf(‘Adr‘) > -1 ) {
35             return true;
36         } else {
37             return false;
38         }
39     }
40     
41 
42     if (checkIsAppleDevice()) {
43         // alert(‘苹果手机‘)
44         window.location.href = ‘https://apps.apple.com/us/app/APP的包名/id+ID号?l=zh&ls=1‘
45     } else {
46         // alert(‘安卓手机‘)
47     // 安卓手机暂时没跑通，不写
48     }
49 
50     function isWinxin() {
51         var ua = window.userAgent.toLowerCase();
52         if(ua.match(/MicroMessenger/i) == ‘micromessenger‘) {
53             return true;
54         } else {
55             return false;
56         }
57     }
58 
59     // http://www.qianhengnet.com/jeesite/static/download.html
60 
61 </script>
62 </html>