当前位置:独家收录 » 站长资讯 » 网站运维 » 文章详细 订阅RssFeed

微信端加入“浏览器打开”判断代码教程(含代码)

来源:本站原创 浏览:667次 时间:2019-09-16

有的人特别为域名发红被投诉而苦恼,所以今天教大家做一个微信端和wab浏览器端判断识别代码,插入代码后就显示如下图:,

只要是在微信上访问,就会被阻止,必须右上角浏览器打开才能正常访问。

微信端加入“浏览器打开”判断代码教程(含代码)

<font face="微软雅黑" size="3"><style type="text/css">
 .weixin-tip{display: none; position: fixed; left:0; top:0; bottom:0; background: rgba(201,201,201,0.8); filter:alpha(opacity=80); height: 100%; width: 100%; z-index: 99999;}
 .weixin-tip p{text-align: center; margin-top: 0%; padding:0 0%;}
 </style> 
<div class="weixin-tip"> 
<p> 
<img src="http://www.xxxx(自己替换).com/live_weixin.jpg" width=100% alt="微信打开"/> 
</p> 
</div> 
<script type="text/javascript"> 
$(window).on("load",function(){ 
var winHeight = $(window).height(); 
function is_weixin() { 
var ua = navigator.userAgent.toLowerCase(); 
if (ua.match(/MicroMessenger/i) == "micromessenger") { return true; } else { return false; } } var isWeixin = is_weixin(); 
if(isWeixin){ $(".weixin-tip").css("height",winHeight); $(".weixin-tip").show(); } }) 
</script>
</font>


上述代码加入到模板文件的头部,如下图所示:

微信端加入“浏览器打开”判断代码教程(含代码)

屏蔽图下载(下图放到根目录即可--图片名称在上述代码中改为一致就可以):

微信端加入“浏览器打开”判断代码教程(含代码)