标签:targe 用户 样式 fixed false z-index als lower get
现在微信分享的功能很多,从分享的链接下载apk安卓包是很正常的,但是微信不让下载apk包,只能通过浏览器来下载,但是这要给用户一个提示吧,不然用户不知道
下面我们来实现,引导用户通过浏览器来下载apk包
<div class="weixin-tip" style="display:none;">
<p>
<img src="/images/weixin-tip.jpg" class="weixinpic" alt="微信打开"/>
</p>
</div>
css样式
a{text-decoration: none;}
.weixinpic{width: 100%; height: 100%;}
.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;}
js
<script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function(){
var u = navigator.userAgent, app = navigator.appVersion;
var isAndroid = u.indexOf(‘Android‘) > -1 || u.indexOf(‘Linux‘) > -1;
var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
$(‘.img‘).click(function(){
if(isAndroid){
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();
}else {
window.location.href = "";//安卓下载地址
}
}else if(isIOS){
location.href = ‘‘;//IOS下载地址
}
})
})
</script>
这要就可以下载了
标签:targe 用户 样式 fixed false z-index als lower get
原文地址:https://www.cnblogs.com/zzzzwwqq12sa/p/10327493.html