iOS和Android用同一个二维码实现跳转下载链接的方法
2016-09-28 14:16
891 查看
前言
最近一个项目需要iOS和安卓使用一个二维码,让扫描的机器自己识别操作系统实现跳转到相应的下载链接。比如iPhone用微信进行扫描就让他跳转appStore的下载页面,安卓机器使用微信扫描就直接跳浏览器下载。但是这二维码还有一个需求就是,用户已经下载了这个app,当用户打开app进入到注册页面时,再次扫描这个二维码时,自动填写邀请码进行注册。那么该如何实现,细节就不说了,直接上代码。
使用js实现,其实代码非常简单.
使用时直接拷贝代码,改掉相应的链接就好。
PS:该链接在微信环境打开时还是需要手动跳转到手机的浏览器才能跳到下载页面,因为微信内的webView比较特别,所以写了一个alert引导用户打开浏览器。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> /** 出来的链接大概是长这样的 http://xxxx.cn/243423.html?c=Q23DR32 */ // c=Q23DR32是注册时扫描获取的邀请码。 // 这样加参数,后面的参数会被自动忽略,不会影响加载此网页 goDownload(); // 去下载 function goDownload() { 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 (isAndroid) { window.location.href = 'http://xxxxxxx.cn/release/xxxx-release.apk'; // 跳安卓端下载地址 } // 是iOS浏览器 if (isIOS) { window.location.href = 'https://itunes.apple.com/cn/app/xxxxxxx/id1124348115?mt=8'; // 跳AppStore下载地址 } // 是微信内部webView if (is_weixn()) { alert("请点击右上角按钮, 点击使用浏览器打开"); } // 是PC端 if (IsPC()) { window.location.href = 'http://www.xxxxxxx.cn/index.html'; // 公司主页 } } // 是微信浏览器 function is_weixn(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger") { return true; } else { return false; } } 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>
总结
以上就是iOS和Android用同一个二维码实现跳转下载链接的方法,大家都学会了吗,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有更好的解决方案或可以通过代码判断微信客户端的系统环境的方法请留言交流。
您可能感兴趣的文章:
相关文章推荐
- iOS和安卓共用同一个二维码实现跳转下载链接
- 在没有个人/公司网站的情况下,如何利用同一个二维码自动识别手机系统(Android/IOS)跳转不同下载页面
- Android和iOS应用下载实现合成一个二维码
- 一个二维码实现IOS和android两个平台的下载核心代码
- 用一个二维码做下载地址,自动区分是 ios 还是 android
- 用一个二维码做下载地址,自动区分是 iOS 还是 Android
- 二维码跳转android或ios下载app中转处理
- 用一个二维码做下载地址,自动区分是 ios 还是 android
- ios和android的下载二维码使用同一个
- 用一个二维码做下载地址,自动区分是 ios 还是 android
- 腾讯微下载android和ios共用一个二维码
- 一个二维码适用于ios和android 两种下载方式
- cordova实现点击链接跳转到指定网址(支持android和ios等)
- 用一个二维码做下载地址,自动区分是 ios 还是 android
- 使用一个二维码到达ios和andriod自动跳转到不同的下载页面
- 二维码合成,将苹果和安卓(ios和android)合成一个二维码,让用户扫描一个二维码就可以分别下载苹果和安卓的应用
- 用一个二维码做下载地址,自动区分是 ios 还是 android
- 用一个二维码做下载地址,自动区分是 ios 还是 android, 甚至区分 iphone 和 ipad。
- 扫描二维码下载app,判断是Android还是ios,并跳转到不同的下载地址
- 使用CrossApp实现版本更新管理(iOS端给AppStore链接,android端下载apk并替换)