微信弹出遮罩层引导用户浏览器打开升级版

相信做前端的朋友一定都遇到这种情况的、当你的网页中有直接链接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>

微信弹出遮罩层引导用户浏览器打开升级版相关推荐

js ajax 点击遮罩层,jQuery弹出遮罩层效果完整示例
本文实例讲述了jQuery弹出遮罩层效果.分享给大家供大家参考,具体如下: /p> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition ...
html注释图案,jQuery图片点击弹出遮罩层标记注释特效
这是一款简单的.非常实用的jQuery图片点击弹出遮罩层标记注释特效. HTML html结构非常简单.使用一个portfolio作为wrapper,在里面可以添加多个portfolio_item. ...
html 遮罩层在底部,底部弹出遮罩层.html
底部弹出遮罩层 * { padding: 0; margin: 0; } #content { position: relative; z-index: 0; height: 100vh; backg ...
jquery 弹出遮罩层
jquery 弹出遮罩层点击层关闭转载于:https://blog.51cto.com/ming358721/423505
移动端和PC端弹出遮罩层后,页面禁止滚动的解决方法及探究
移动端和PC端弹出遮罩层后,页面禁止滚动的解决方法及探究参考文章: (1)移动端和PC端弹出遮罩层后,页面禁止滚动的解决方法及探究 (2)https://www.cnblogs.com/ranyon ...
JQuery弹出层，点击按钮后弹出遮罩层，有关闭按钮
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <t ...
html中移动端遮罩层,移动端微信分享弹出遮罩层js效果_蓝戒的博客
css部分: .btonshare{ width:80%; height:50px; float:left; background:#16bb5c; margin:0 10%; margin-top: ...
16种css3动画弹出遮罩层
下载地址很多种弹出层的动画效果,窗口遮罩效果很漂亮,动画使用css3实现的各式各样的效果. dd:
弹出保存对话框html,IE浏览器打开网页弹出保存对话框的的原因及解决方式
大部分网友使用网页浏览器通常是实现以下四个功能:浏览新闻,搜索信息,观看音视频,下载资料.要实现这些的基本条件是浏览器可以打开网页.不过朋友的电脑上面却遇到了一个比较奇怪的问题,不管IE浏览器打开任何 ...
移动端弹出遮罩层禁止页面滚动，遮罩里面的框允许滚动如何实现。
因为有的弹窗上面有滑动,但是滑动部分滑动时会带动底下的页面滚动,如何解决? 1.弹窗弹起时 activityAgreement:function(){vm.agreementsDailog=true; ...

微信弹出遮罩层引导用户浏览器打开升级版

微信弹出遮罩层引导用户浏览器打开升级版相关推荐

最新文章

热门文章