通常,我们开发一个app,有Android版本,有ios版本,但是,我们有时候只有一个二维码可以放置,比如,通过社会化分享,分享到微信一张图片,通过微信识别二维码来下载我们的app,此时,只有一个二维码, 那么怎样,让ios系统用户扫描二维码下载的事ios版本,Android用户扫描二维码下载到的是Android版本呢。通常,我们开发一个app,有Android版本,有ios版本,但是,我们有时候只有一个二维码可以放置,比如,通过社会化分享,分享到微信一张图片,通过微信识别二维码来下载我们的app,此时,只有一个二维码, 那么怎样,让ios系统用户扫描二维码下
思路就是,我们知道 ,二维码存储一个路径,这个路径我们不要去放Android或ios的下载地址,而是我们服务器一个 html地址,那么在这个html页面里,我们通过javaScript来的进行Android或ios的逻辑判断,判断后,不同的系统,链接到不同的地址去下载。
具体代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>二维码下载</title>
<script type="text/javascript">
/*
* 智能机浏览器版本信息:
*
*/
var browser = {
versions: function() {
var u = navigator.userAgent, app = navigator.appVersion;
return {//移动终端浏览器版本信息
trident: u.indexOf('Trident') > -1, //IE内核
presto: u.indexOf('Presto') > -1, //opera内核
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否为移动终端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
iPad: u.indexOf('iPad') > -1, //是否iPad
webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
};
}(),
language: (navigator.browserLanguage || navigator.language).toLowerCase()
}
if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {
// TODO 此处写ios的下载地址 window.location="https://itunes.apple.com/cn/app/xxx";
}
else if (browser.versions.android) {
// 此处写Andoird 的下载地址 window.location="http://zhj8.aliapp.com/xxx.apk";
}
// document.writeln("语言版本: " + browser.language);
// document.writeln(" 是否为移动终端: " + browser.versions.mobile);
// document.writeln(" ios终端: " + browser.versions.ios);
// document.writeln(" android终端: " + browser.versions.android);
// document.writeln(" 是否为iPhone: " + browser.versions.iPhone);
// document.writeln(" 是否iPad: " + browser.versions.iPad);
// document.writeln(navigator.userAgent);
</script>
</head>
<body>
</body>
</html>
沃梦达教程
本文标题为:扫描二维码下载app,判断是Android还是ios设备并下载对应的包
猜你喜欢
- Bootstrap checkbox类 1970-01-01
- Bootstrap排版Blockquotes 1970-01-01
- Bootstrap按钮设置禁用状态 1970-01-01
- Bootstrap警报消息 1970-01-01
- Bootstrap Scrollspy插件 1970-01-01
- layui的tab选项卡、刷新保持在当前页面 2022-10-18
- Bootstrap .alert-success类 1970-01-01
- 比较完善的数字格式化验证实例代码 2022-10-24
- Bootstrap带表格的面板 1970-01-01
- Bootstrap媒体对象内的标题 1970-01-01