美文网首页
iOS和Android合并同一个二维码

iOS和Android合并同一个二维码

作者: Recorder_MZou | 来源:发表于2018-08-01 17:05 被阅读690次

    好多时候生成的二维码都是只能一个端的下载二维码或者跳转二维码,但是有一些人想合成一个二维码下载该怎么做呢?
    那我们就可以编写一个网页,然后通过网页生成一个链接,然后用链接生成二维码,当用户使用手机扫描这个二维码的时候,就可以自动识别其中的设备是属于什么设备,然后自动跳转到相关设备对应的页面,进行打开页面下载或跳转到app Store,以下则是html对应的代码:

    <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) {
                    window.location="https://itunes.apple.com/cn/app/xxx";
                }
                else if (browser.versions.android) {
                    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>
    

    大千世界,求同存异;相遇是缘,相识是份,相知便是“猿粪”(缘分)
    From MZou

    相关文章

      网友评论

          本文标题:iOS和Android合并同一个二维码

          本文链接:https://www.haomeiwen.com/subject/siurvftx.html