二维码自动识别安卓手机和苹果手机

最新推荐文章于 2019-02-21 14:51:02 发布

清风乐鸣

最新推荐文章于 2019-02-21 14:51:02 发布

阅读量2.6k

点赞数 1

分类专栏：移动端开发

本文链接：https://blog.csdn.net/QTFYING/article/details/53897579

版权

移动端开发专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML>
2.<html lang="zh-CN">
3.<head>
4. <meta charset="UTF-8">
5. <title>手机APP下载页面：根据终端辨别下载地址</title>
6. <script type="text/javascript">
7. // 获取终端的相关信息
8. var Terminal = {
9. // 辨别移动终端类型
10. platform : function(){
11. var u = navigator.userAgent, app = navigator.appVersion;
12. return {
13. // android终端或者uc浏览器
14. android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
15. // 是否为iPhone或者QQHD浏览器
16. iPhone: u.indexOf('iPhone') > -1 ,
17. // 是否iPad
18. iPad: u.indexOf('iPad') > -1
19. };
20. }(),
21. // 辨别移动终端的语言：zh-cn、en-us、ko-kr、ja-jp...
22. language : (navigator.browserLanguage || navigator.language).toLowerCase()
23. }
24.
25. // 根据不同的终端，跳转到不同的地址
26. var theUrl = 'http://www.XXX.com';
27. if(Terminal.platform.android){
28. theUrl = '你的Android APP对应下载地址：apk文件地址';
29. }else if(Terminal.platform.iPhone){
30. theUrl = '你的iPhone APP对应下载地址：APP Store地址';
31. }else if(Terminal.platform.iPad){
32. // 还可以通过language，区分开多国语言版
33. switch(Terminal.language){
34. case 'en-us':
35. theUrl = '你的iPad APP（英文版）对应下载地址：APP Store地址';
36. break;
37. case 'ko-kr':
38. theUrl = '你的iPad APP（韩语版）对应下载地址：APP Store地址';
39. break;
40. case 'ja-jp':
41. theUrl = '你的iPad APP（日文版）对应下载地址：APP Store地址';
42. break;
43. default:
44. theUrl = '你的iPad APP（中文版-默认）对应下载地址：APP Store地址';
45. }
46. }
47.
48. location.href = theUrl;
49. </script>
50.</head>
51.<body>
52. <!--
53.
54. -->
55.</body>
56.</html>

假设如上HTML静态文件对应的URL为：http://www.XXX.com/app-install/terminal-language.html

那么就可以通过该URL生成一张二维码，扫面该二维码后，具体的下载地址，会由terminal-language.html自动识别并前往。

简化版：

首先让二维码跳转到一个网址如：http://www.dds.cc.com/index.html
在index.html中加入js代码

$(function(){
    var u = navigator.userAgent;
    if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {
        window.location.href = "http://www.baidu.com";
    }else if(u.indexOf('iPhone') > -1) {
        window.location.href = "http://www.qq.com";
    }else if(u.indexOf('Windows Phone') > -1){
        window.location.href = "http://www.sina.com.cn";
    }else{
        document.write("您请求的页面不存在！");
    }
})
   
   1
2
3
4
5
6
7
8
9
10
11
12
   
   1
2
3
4
5
6
7
8
9
10
11
12