进入微信后提示用浏览器打开
2018-01-10 19:36
274 查看
先展示下效果:
第一步:css样式
第二步:html
代码:
第一步: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>
第三步:js代码
<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>完成!
相关文章推荐
- wap页,微信打开,下载无效.判断微信打开,并提示用其他浏览器打开.
- 微信浏览器打开 点击下载app 无需提示使用浏览器打开--代码分享
- 【HTML】- 微信扫描打开app下载提示用户打开浏览器进行下载
- 微信扫码提示在浏览器中打开的遮罩代码
- 在微信中如何接入支付宝的提示打开浏览器样式:方法二简易方法
- 微信扫描打开app下载提示用户打开浏览器进行下载
- 人脉通分享工能,点击分享到微信或者qq的分享链接打开H5,提示用户用浏览器打开,点击下载,有有app
- 微信打开网址添加在浏览器中打开提示
- 微信打开网址添加在浏览器中打开提示
- 微信打开网址添加在浏览器中打开提示
- 微信打开网址添加在浏览器中打开提示
- 微信打开网址添加在浏览器中打开提示遮罩
- 微信打开网址添加在浏览器中打开提示
- js解决微信中弹出框提示在菜单中选择“在浏览器中打开地址”
- 在微信中如何接入支付宝的提示打开浏览器样式:方法一官网方法
- 微信打开网址添加在浏览器中打开提示 http://caibaojian.com/weixin-tip.html
- 微信打开网址添加在浏览器中打开提示
- 微信打开网址添加在浏览器中打开提示