相信做前端的朋友一定都遇到这种情况的、当你的网页中有直接链接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>
如果觉得《微信扫码提示在浏览器中打开的遮罩代码解决方式》对你有帮助,请点赞、收藏,并留下你的观点哦!