投稿 评论 顶部
 手机版 | 登陆 | 注册 | 留言 | 设首页 | 加收藏

js判断discuz手机版是否在微信浏览器中打开

佚名 discuz教程
最近公司网站改版,做H5手机版,discuz触屏版功能太弱,有些下载页面微信里面不能下载,所以要判断当前用户浏览器是不是微信,这样我们就可以在用户使用电脑浏览器访问H5页面的时候对用户进行提醒或者直接跳转到浏览器打开。
<!DOCTYPE HTML> <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>