扫描二维码下载app，判断是Android还是ios设备并下载对应的包-前端实例代码

通常，我们开发一个app，有Android版本，有ios版本，但是，我们有时候只有一个二维码可以放置，比如，通过社会化分享，分享到微信一张图片，通过微信识别二维码来下载我们的app,此时，只有一个二维码，那么怎样，让ios系统用户扫描二维码下

通常，我们开发一个app，有Android版本，有ios版本，但是，我们有时候只有一个二维码可以放置，比如，通过社会化分享，分享到微信一张图片，通过微信识别二维码来下载我们的app,此时，只有一个二维码，那么怎样，让ios系统用户扫描二维码下载的事ios版本，Android用户扫描二维码下载到的是Android版本呢。

思路就是，我们知道，二维码存储一个路径，这个路径我们不要去放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>

基础教程推荐