欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > cms使用教程 > discuz使用教程 >

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

发布时间:2018-02-25  编辑:杨雨个人博客网站   点击:   

最近公司网站改版,做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>  

  <span></span>  

  <p>点击右上角<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>

复制代码



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

 

同理,这个判断是否是在微信中也可以结合上一篇文章获取微信公众号一键关注链接来做一些事情。
如果用户是在微信中点击H5页面中的关注按钮,我们就可以直接跳转到关注的页面,引导用户关注我们的公众号。
如果不是在微信中,我们可以弹出一个二维码,提示用户进行扫码关注。

杨雨个人博客温馨提示:你正在使用discuz系统建站吗?那来杨雨个人博客的 discuz论坛 频道看看吧,我们制作了很多模板供大家下载哦!

本文地址:http://itbyc.com/cms/discuz/18827.html
转载请注明出处。
分享是一种快乐,也是一种美德:
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1