微信中调用手机默认浏览器实现文件下载的方案

现在微信分享的功能很多,从分享的链接下载apk安卓包是很正常的,但是微信不让下载apk包,只能通过浏览器来下载,但是这要给用户一个提示吧,不然用户不知道


下面我们来实现,引导用户通过浏览器来下载apk包

看下效果,图片在最下面

在需要下载的页面中加入下面的代码

   

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

$(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下载地址

}

})

})


这样就可以下载了

你可能感兴趣的:(微信中调用手机默认浏览器实现文件下载的方案)