js实现微信遮罩,提示微信QQ打开网页时提示用浏览器打开

js实现微信遮罩,提示微信QQ打开网页时提示用浏览器打开

2022-02-07 186
下载不了?请联系网站客服提交链接错误!
增值服务:

js实现微信遮罩,提示微信QQ打开网页时提示用浏览器打开

2022-02-07 0 186 百度已收录

使用微信打开网址时,无法在微信内打开常用下载软件,手机APP等。网上流传的各种微信打开下载链接,微信一更新基本失效。大家常用的方法是,弹出一个遮罩提示用户在新的浏览器窗口打开,再也不用管微信如何的更新。

直接判断微信的ua,如果是在微信内置浏览器中打开,弹出一个遮罩提示用户在浏览器中打开下载,并且不加关闭的按钮。这样子用户就只能在浏览器中打开,并且可以直接下载应用了。

js实现微信遮罩,提示微信QQ打开网页时提示用浏览器打开

css代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<style type="text/css">
  *{
    margin:0;
    padding:0;
  }
  a{
    text-decoration: none;
  }
  img{
    max-width: 100%;
    height: auto;
  }
  .weixin-tip{
    display: none;
    position: fixed;
    left:0;
    top:0;
    bottom:0;
    background: rgba(0,0,0,0.8);
    filter:alpha(opacity=80);
    height: 100%;
    width: 100%;
    z-index: 100;
  }
  .weixin-tip p{
    text-align: center;
    margin-top: 10%;
    padding:0 5%;
  }
</style>

HTML 代码

1
2
3
4
5
<div class="weixin-tip">
  <p>
    <img src="weixin.png" alt="微信打开"/>
  </p>
</div>

js 代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<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 if (ua.match(/QQ/i) == “qq”) {//qq里打开网页

 return true;
  }

else {

return false;
}
}
var isWeixin = is_weixin();
if(isWeixin){
$(".weixin-tip").css("height",winHeight);
$(".weixin-tip").show();
}
})
</script>

背景图素材提供:

此隐藏内容查看价格1立即支付
客服QQ:844642277
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

豆包免费网站优化百度seo排名快速建站服务 css代码 js实现微信遮罩,提示微信QQ打开网页时提示用浏览器打开 https://doubaoyuanma.com/834.html/

相关文章

评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务

js实现微信遮罩,提示微信QQ打开网页时提示用浏览器打开-海报

分享本文封面