欢迎来到懒人模板!我们专注移动互联网,所有模板永久免费下载!
  • 首 页
  • 识别discuz手机版是否在微信浏览器中打开的解决方案

    2018-05-04 11:02 来源/作者:懒人模板 分类:discuz教程  « »
    在微信里面打开,很多都被微信限制了。例如引导用户下载文件,在微信里面是不能下载,这样就需要引导用户打开新的浏览器进行下载。所以就需要在网页上面添加识别是否在微信浏览器判断。如果是在微信浏览器就提示打开新的浏览器,如果不是就不用提示。可以通过下面方法进行解决:



    <html lang="en"> 
    <head> 
    <meta charset="utf-8"/> 
    <title>判断是否是微信内置浏览器</title> 
    <style>
    .wxtip{background: rgba(0,0,0,0.8); text-align: center; position: fixed; left:0; top: 0; width: 100%; height: 100%; z-index: 1998; display: none;}  
    .wxtip-icon{width: 52px; height: 67px; background: #111; display: block; position: absolute; right: 20px; top: 20px;}  
    .wxtip-txt{margin-top: 107px; color: #fff; font-size: 16px; line-height: 1.5;}  
    </style>
    </head> 
    <body> 
    
    <div class="wxtip" id="JweixinTip">  
      <span class="wxtip-icon"></span>  
      <p class="wxtip-txt">点击右上角<br/>选择在浏览器中打开</p>  
    </div>
    
    </body> 
    </html> 
    <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, //火狐内核  
                            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应该程序,没有头部与底部  
                            wechar:u.indexOf('MicroMessenger') > -1  
                    };  
            }(),  
            language: (navigator.browserLanguage || navigator.language).toLowerCase()  
    }  
    /* 判断的方法 */          
    if(browser.versions.wechar){
            document.getElementById('JweixinTip').style.display='block';  
            }             
    if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) { 
            document.getElementById('JweixinTip').style.display='block';  
        }
    else if (browser.versions.android) { 
            document.getElementById('JweixinTip').style.display='none';  
        }  
    </script>

    点击扫描效果预览免费下载免登陆网盘下载
    标签:
    * 懒人模板承诺:本站所有资源免费下载,无病毒,无弹窗,无干扰链接! 提点建议