一个二维码下载andriod和iphone的APP应用

最新推荐文章于 2022-09-25 21:55:41 发布

Mr.T's Blog

最新推荐文章于 2022-09-25 21:55:41 发布

阅读量1.3k

点赞数 1

本文链接：https://blog.csdn.net/qq_27751965/article/details/103575113

版权

针对网上二维码做了调整，主要更改逻辑为：扫描二维码之后如果判断是微信浏览器则不做301跳转否则才弹出下载链接，这样做的目的是扫码的落地页能不受弹窗影响。

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>应用下载</title>

<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

<style>

*{margin:0; padding:0;}

html{width: 100%;height:100%;}

</style>

</head>

<body style="width:100%;height:100%">

<div style='background: url(https://www.no-if.com/hsb/1.png) center top;

height: 100%;width: 100%;background-size: 100% 100%;'></div>

<script>

goDownload();

// 去下载

function goDownload() {

// userAgent 判断浏览器类型属性

var u = navigator.userAgent,

app = navigator.appVersion;

var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1;

var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);

// 是安卓浏览器

if (!is_weixn() && isAndroid) {

// document.write("请点击右上角按钮, 点击使用浏览器打开");

window.location.href = 'https://xxx.net/apk/MobileAssistantClient.apk'; // 跳安卓端下载地址

}

// 是iOS浏览器

if (is_weixn()) {

// document.write("请点击右上角按钮, 点击使用浏览器打开");

}

if (!is_weixn() && isIOS) {

// document.write("请点击右上角按钮, 点击使用浏览器打开");

window.location.href = 'https://itunes.apple.com/cn/app/xxx/id1124348115?mt=8'; // 跳AppStore下载地址

}

// 是微信内部webView

// 是PC端

if (IsPC()) {

window.location.href = 'http://www.no-if.com'; // 公司主页

}

}

// 是微信浏览器

function is_weixn() {

var ua = navigator.userAgent.toLowerCase();

if (ua.match(/MicroMessenger/i) == "micromessenger") {

return true;

} else {

return false;

}

}

// pc端

function IsPC() {

var userAgentInfo = navigator.userAgent;

var Agents = ["Android", "iPhone",

"SymbianOS", "Windows Phone",

"iPad", "iPod"];

var flag = true;

for (var v = 0; v < Agents.length; v++) {

if (userAgentInfo.indexOf(Agents[v]) > 0) {

flag = false;

break;

}

}

return flag;

}

</script>

</body>

</html>

Mr.T's Blog

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
一个二维码下载andriod和iphone的APP应用

针对网上二维码做了调整，主要更改逻辑为：扫描二维码之后如果判断是微信浏览器则不做301跳转否则才弹出下载链接，这样做的目的是扫码的落地页能不受弹窗影响。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>应用...
复制链接

扫一扫