失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 微信扫码提示在浏览器中打开的遮罩代码解决方式

微信扫码提示在浏览器中打开的遮罩代码解决方式

时间:2021-07-22 08:09:57

相关推荐

微信扫码提示在浏览器中打开的遮罩代码解决方式

相信做前端的朋友一定都遇到这种情况的、当你的网页中有直接链接apk下载的时候会没有反映的、是因为在微信内是无法下载软件、手机APP等、那么这个时候一般的解决方案就是、必须要点击右上角三个点、选择“在浏览器中打开”才可以,之前一直用的都是遮罩提示的 但是我们最近有了突破。

安卓手机完美解决,现在不需要通过遮罩了,用户点击链接直接就可以跳出微信了。

但是IOS的还没有解决,这个也是最近一直架在头上的问题,一直想办法在解决

希望各位老哥给点建议,方向

本人球球:1747006063

CSS代码

<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代码

<div class="weixin-tip"><p><img src="live_weixin.png" alt="微信打开"/></p></div>

jQuery代码

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

如果觉得《微信扫码提示在浏览器中打开的遮罩代码解决方式》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。