• 下载页面判断客户端


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

    <!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>
  • 相关阅读:
    Struts2(二)
    jiqixuexi
    UTF-8
    mysql load
    linux命令(转)
    apache FTP站点源码下载
    linux 命令
    clickhouse 查询
    CDH learning
    nfs
  • 原文地址:https://www.cnblogs.com/coffeelovetea/p/7516717.html
Copyright © 2020-2023  润新知