1、问题:
公司合作伙伴提出,希望公司提供一个二维码,实现用户在扫描二维码以后 android 直接下载对应 apk 文件,而 ios 平台能直接跳转至 itunes 软件显示页。
2、初步方案:
合作伙伴的要求其实是要求一个下载地址,可以提供多平台手机应用的下载。我们可以在二维码里面放置一个静态页面,而在这个静态页面可以根据用户的 UA 信息,进行不同的操作。
1)获取用户的 UA 信息;
2)判断 用户为 ios 或者 mac 系统时,跳转至软件对应 itunes 页面;
3)其他情况直接下载对应 apk 文件。
代码如下:
<script type="text/javascript">
var android = 'http://q.kuaipai.cn/quickpai.apk';
var ios = 'http://itunes.apple.com/cn/app/id519048827?mt=8';
var ua = navigator.userAgent.toLowerCase();
var isandroid=1;
if (ua.indexOf('iphone') > 0) {
isandroid = 0;
} else if (ua.indexOf('mac os') > 0) {
isandroid = 0;
}
if (isandroid == 1) {
window.location.href= android;
} else {
window.location.href= ios;
}
</script>
3、升级方案:
初步解决方案只对 UA 进行了初步的判断,整理逻辑也不够正确。如果用户是在 mac 环境中使用 android 手机,或者是结合 windows 系统使用 iphone ,都会出现不符合用户期望结果的发生。
1)获取用户的 UA 信息;
2)判断 用户为 ios 系统时,跳转至软件对应 itunes 页面;
3)判断 用户为 android 系统时,直接下载 apk 文件;
4)其他情况不做跳转,在静态页面上同时显示软件对应 itunes 页面连接和 apk 软件下载地址供用户自己选择。
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>北京灵动快拍信息技术有限公司</title>
</head>
<body>
<script type="text/javascript">
var android_down_url = 'http://q.kuaipai.cn/quickpai.apk';
var ios_down_url = 'http://itunes.apple.com/cn/app/id519048827?mt=8';
var ua = navigator.userAgent.toLowerCase();
if (ua.indexOf('iphone') > 0) { //需对所有 ios 系统 UA 信息进行判断
window.location.href = ios_down_url;
} else if (ua.indexOf('android') > 0) { //需对所有 android 系统 UA 信息进行判断
window.location.href = android_down_url;
}
</script>
<a href="http://q.kuaipai.cn/quickpai.apk">点击下载“快拍二维码” android 版</a>
<a href="http://itunes.apple.com/cn/app/id519048827?mt=8">点击下载“快拍二维码” iphone 版</a>
</body>
</html>
四平台首发:
个人博客 http://xiaogui.org/one-page-down-the-app.html
CSDN博客 http://blog.csdn.net/xgpapa/article/details/8011622
博客园 http://www.cnblogs.com/xgpapa/archive/2012/09/24/2699623.html
ItEye博客 http://xgpapa.iteye.com/blog/1684090
分享到:
相关推荐
UA数据表收集18411条UA信息,已经对UA进行分离,有对应的系统版本,浏览器版本。 Id ModelNumber Name Brand 1 1503-M02 360 手机 N4 移动版 360 Id UA SystemName SystemVersion BrowserName BrowserVersion ...
收集了数十万各种微信版本的的微信浏览器UA。 Mozilla/5.0 (Linux; Android 9; vivo X21A Build/PKQ1.180819.001; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/86.0.4240.99 XWEB/3179 MMWEBSDK...
例如 Mozilla/5.0 (Linux; U; Android 4.0.3;... M031 Build/IML74K) UC AppleWebKit/534.31 (KHTML, like Gecko) Mobile Safari/534.31 MQQBrowser/3.7/Mozilla/5.0 (Linux; U; Android 2.3.5;... U8800 Build/HuaweiU...
使电脑浏览器变成手机的App浏览器(修改电脑浏览器UA)user-agent
最近遇到有些网页只能在VX等浏览器中显示,经查资料,发现有些插件可以实现自定义UA,chrome也有这样的功能,但还是感觉易里面实现更简单,只要调用精易Web浏览器,设置下UA就可以,软件里设置了很多浏览器的UA,...
有详细浏览器参数的一百多个UA信息,以及5万个终端的 UA日志,供UA分析,设备类型获取,终端品牌分析,浏览器内核分析,web兼容性参考,等
举例 Mozilla/5.0 (Windows NT 10.0; Win64; x64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; rv:11.0) like Gecko Mozilla/5.0 (Linux;... DUK-AL20 Build/...
浏览器 UA 分析判断源码,可根据 UA 解析出浏览器类型、版本号、浏览器内核、操作系统信息、设备类型及语言!只需引入一个 js 文件。内含 HTML 使用示例。
手机 ua 大全 包含大部分机型
一般开发wap网站都需要这个 做软件自动适配下载,页面适配等 我收集了一个月的成果 这里应该全是gsm的机型,没有cdma的机型 因为这是做中国移动的项目,我顺便采集的数据
里面是部分浏览器的UserAgent,有PC端浏览器,也有Ios和安卓的
最近老有人问我关于那篇 手机浏览器 UA 的事情,不知道具体操作。于是我今天把 UA 列表都做出来了。
浏览器UA切换 UserAgent UserAgentSwitcher.xml
囊括目前全部移动平台客户端及PC浏览器的UA区分。
UA修改器UA修改器UA修改器UA修改器UA修改器UA修改器UA修改器UA修改器UA修改器UA修改器UA修改器UA修改器UA修改器UA修改器
浏览器UA切换 UserAgent UserAgent,手机UA库,有10000多个,
易语言随机置取浏览器UA源码,8800多条UA随机获取和置浏览器UA。772835212
1. 验证是否是在微信内置浏览器中调用支付宝 2.给支付页面的url加上调用接口所需的参数(因为在微信里是不能直接调用支付宝的需要调用外部浏览器) 3.在外部浏览器中完成支付跳转页面 第一步: payment: 是选择支付...
易语言手机浏览器源码例程程序根据手机http协议头,实现Atl动态创建网页框,在网页框跳转命令中http协议头参数中写入手机浏览器UA。