下载页面判断客户端

下载页面判断手机端系统及微信

<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
    </head>
    <div id="tips">
        <img src="images/live_weixin.png" />
    </div>
    <style type="text/css">
        #tips {
            display: none;
            position: fixed;
            left: 0;
            top: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.8);
            filter: alpha(opacity=80);
            height: 100%;
            width: 100%;
            z-index: 100;
        }    
        #tips>img {
            width: 100%;
            position: absolute;
            right: 0;
        }
    </style>
    <body>
        <script type="text/javascript">
            function qcode() {
                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应该程序，没有头部与底部
                            wechat: !!u.match(/MicroMessenger/i)
                        };
                    }(),
                    language: (navigator.browserLanguage || navigator.language).toLowerCase()
                };
                if(browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {
                    return false;
                    if(browser.versions.wechat) {
                        var doc = document.getElementById('tips')
                        doc.style.display = "block";
                    } else {
                        window.location = "https://itunes.apple.com/cn/app/%E6%8B%BC%E4%B8%80%E6%8A%98/id1301130424?mt=8";
                    }
                } else if(browser.versions.android) {
                    if(browser.versions.wechat) {
                        var doc = document.getElementById('tips')
                        var oImg = doc.querySelector('img');
                        oImg.src = "images/live_weixin1.png";
                        doc.style.display = "block";
                    } else {
                        window.location = "http://www.khb.com/duokai.apk";
                    }
                }
            }
            qcode();
        </script>
    </body>

</html>

 

posted @ 2017-09-13 18:48  咖啡爱上茶  阅读(209)  评论(0)  编辑  收藏  举报