首页 > 移动运营 > 手机建站 > discuz教程 > 识别discuz手机版是否在微信浏览器中打开的解决方案

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

模板简介:该模板名称为【识别discuz手机版是否在微信浏览器中打开的解决方案】,大小是,文档格式为.,推荐使用打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【discuz教程】栏目查找您需要的精美模板。

相关搜索
  • 下载密码 lanrenmb
  • 下载次数 26,470次
  • 使用软件
  • 文件格式
  • 文件大小
  • 上传时间 05-04
  • 作者 网友投稿
  • 肖像权 人物画像及字体仅供参考
栏目分类 更多 >
  • 移动业界
  • 移动应用
  • 手机建站
  • 移动搜索
  • 热门推荐 更多 >
    微信图片 微信公众平台 微信文章 微信素材 微信模板 企业网站 html5 响应式 单页式简历模板 自适应
    您可能会喜欢的其他模板