每一个你不满意的现在,都有一个你不努力的曾经. 网站首页 > js
一个二维码下载andriod和iphone的APP应用
发布时间：2019-12-03 09:40:15
修改时间：2019-12-03 10:52:02
阅读：6866
评论：0
0
针对网上二维码做了调整，主要更改逻辑为：扫描二维码之后 如果判断是微信浏览器则不做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>
回复列表
注册用户登录后才能发表评论，请 
关键字词：nbsp,gt,lt,下载,100%,浏览器
上一篇：css常用属性
下一篇：js获取网络IP地址信息