用一个二维码做下载地址,自动区分是 ios 还是 android——w3cdream|前端学习-开发

'I'm W3cdream,创造',前·所·未·有
用一个二维码做下载地址,自动区分是 ios 还是 android

发布作者:萧强   发布时间:2016-05-6   阅读次数:4486

用一个二维码做下载地址,自动区分是 ios 还是 android, 甚至区分 iphone  和 ipad。

<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>

常用昵称:萧强,全端布道者

姓名:“刘晓强”,W3CDream创始人,目前就职于易点付。专注于web前端和移动端方面知识的研究,熟练掌握photoshop和AI,喜爱Flat UI设计和Metro UI风格,熟练掌握CSS3+HTML5技术、LESS CSS和Sass CSS,还有jQuery框架方面及一些前端框架bootstrap响应式设计等。新浪微博
上一篇:推荐大家使用的CSS书写规范、顺序
下一篇:已经没有下一篇内容了
友荐云推荐

css hack解决方案

热点文章

新闻资讯

标签云

友情赞助