项目需求：扫码根据不同平台下载不同版本的APP。主要是ios和Android。
网上找了很多，前面判断平台的代码很容易找到，但是后面的就有些坑了。有的人的是根本跑不通。有的是代码补全。
下面是 微信扫码下载APP。（iOS版）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>下载APP</title>
</head>
<body> </body>
<script>
// 判断是不是 ios 设备
function checkIsAppleDevice() {
let u = navigator.userAgent,
app = navigator.appVersion;
console.log('u======', u);
console.log('app=======', app)
let ios = !!u.match(/\i[^;]+;( U;)? CPU.+Mac OS X/);
let iPad = u.indexOf('iPad') > -1;
let iPhone = u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1;
if(ios || iPad || iPhone) {
return true;
} else {
return false;
}
}
// alert( checkIsAppleDevice() ) // 判断是不是 Android 设备
function checkIsAndroidDevice() {
let u = navigator.userAgent;
// console.log(u);
if(u.indexOf('Android') > -1 || u.indexOf('Adr') > -1 ) {
return true;
} else {
return false;
}
} if (checkIsAppleDevice()) {
// alert('苹果手机')
window.location.href = 'https://apps.apple.com/us/app/APP的包名/id+ID号?l=zh&ls=1'
} else {
// alert('安卓手机')
// 安卓手机暂时没跑通，不写
} function isWinxin() {
var ua = window.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i) == 'micromessenger') {
return true;
} else {
return false;
}
} // http://www.qianhengnet.com/jeesite/static/download.html </script>
</html>
将上面的页面放到服务器上，然后将地址生成一个二维码，再扫描就可以了。
上面苹果手机的 链接是可以从提交APP的官网获得的。
获得 链接：
新打开的页面就是：
这就是代码中链接的由来。
iOS的就可以成功了。安卓的比较麻烦还没找到好的方法。