zoukankan      html  css  js  c++  java
  • 下载APP 2个二维码合并到一个二维码

    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
            <title>appDown</title>  
    
            <style>
                #weixinStyle{display: none;}
                #weixinStyle img{max- 100%}
            </style> 
    
        </head>
        
        <body style="background-color:#F8F8F6">
            <div id="weixinStyle">
                <img src="${ctx}/static/images/appDown/weixin.jpg" alt="">
            </div>
        <script type="text/javascript"> 
            var weixin=document.getElementById("weixinStyle"); 
            window.onload=function(){ 
                /* * 判定是否为微信内核 是 则表现引导图标 不然 不表现直接下载 * */ 
                if(is_weixn())
                    { weixin.style.display = "block"; }
                else
                    { 
                    /*
                         * 智能机浏览器版本信息
                         */
                        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/xiao-you-bang-zhong-guo-zui/id1134860972";
                        }
                        else if (browser.versions.android) {
                           window.location="http://app.xybsyw.com/android";
                        }
    
                       // 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);
                }
    
            } 
            //是否是微信
                   function is_weixn(){
                        var ua = navigator.userAgent.toLowerCase();
                        if(ua.match(/MicroMessenger/i)=="micromessenger") {
                            return true;
                        } else {
                            return false;
                        }
                    }
            </script>
        </body>
    </html>
  • 相关阅读:
    图片的下方与父元素有间隙兼容性解决方案
    vscode 实用插件
    给网页title前面上图标
    网站换肤
    基于面向对象编程的设计模式
    点击获取验证码进行60秒倒计时
    JVM--内存模型与线程
    JVM学习--jvm监控和故障处理工具
    JVM--GC学习
    JVM--Java类加载机制
  • 原文地址:https://www.cnblogs.com/hupan508/p/5810461.html
Copyright © 2011-2022 走看看