扫描二维码，判断是Android还是iOS，并跳转到不同的下载地址

最新推荐文章于 2024-07-25 22:06:54 发布

ALSO666

最新推荐文章于 2024-07-25 22:06:54 发布

阅读量1.5k

点赞数

本文链接：https://blog.csdn.net/ALSO666/article/details/124961335

版权

扫描二维码，判断是Android还是iOS，并跳转到不同的下载地址

问题概要

一般情况下，我们开发App，有Android和iOS版本，为了方便用户，我们只能有一个二维码供用户扫描下载安装，那么，怎么让iOS用户下载iOS版本，Android用户下载Android版本呢？

解决思路

首先，我们知道二维码存放的是一个链接，这个链接我们不要放Android也不要存放iOS的下载地址，这个链接应该存放的是我们服务器的一个html页面的地址，在这个html页面里，我们通过javaScript来进行判断是iOS还是Android系统，判断不同的系统，分别指向不同的安装地址去下载安装。

页面代码

<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) {
                // 此处写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>

我们只需要把上面的html页面的地址放入二维码中，通过扫描二维码进入此页面，此页面会有相应的逻辑判断进行跳转下载页面。

ALSO666

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
扫描二维码，判断是Android还是iOS，并跳转到不同的下载地址

扫描二维码，判断是Android还是iOS，并跳转到不同的下载地址问题概要解决思路页面代码问题概要一般情况下，我们开发App，有Android和iOS版本，为了方便用户，我们只能有一个二维码供用户扫描下载安装，那么，怎么让iOS用户下载iOS版本，Android用户下载Android版本呢？解决思路首先，我们知道二维码存放的是一个链接，这个链接我们不要放Android也不要存放iOS的下载地址，这个链接应该存放的是我们服务器的一个html页面的地址，在这个html页面里，我们通过javaScript
复制链接

扫一扫