微信下載app
阿新 • • 發佈:2019-02-19
1、直接使用應用寶連結(安卓、ios通用)
<a href="應用寶短連結">下載</a>
2、在瀏覽器中開啟,根據使用的是安卓還是ios,分別下載
<a class="btnDownload">下載</a>
<section id="bgbox" class="pupbg" style="display:none;">
<img src="../i/shareImage.png" id="share"/>
</section>
css:
.pupbg{position:fixed;bottom:0;left :0;background:rgba(0, 0, 0, 0.6);z-index:999;width:100%;overflow:hidden;height:100%}
#bgbox{ text-align:right;display: none; }
#bgbox img{ max-width: 80%;}
js:
$('body').on('click', '.btnDownload', function(event) {
goDownload();
});
$('body').on('click', '.pupbg', function(event) {
$(this).fadeOut('200');
});
function goDownload() {
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/);
// 是微信內部webView
if (is_weixn() || is_Ali()) {
$("#bgbox").show();
return false;
}
// 是PC端
if (IsPC()) {
window.location.href = ''; // 公司主頁
}
// 是安卓瀏覽器
if (isAndroid) {
window.location.href = url; // 跳安卓端下載地址
return false;
}
// 是iOS瀏覽器
if (isIOS) {
window.location.href = 'https://itunes.apple.com/cn/app/id1215541966?mt=8'; // 跳ios下載地址
return false;
}
}
// 是微信瀏覽器
function is_weixn(){
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i)=="micromessenger") {
return true;
} else {
return false;
}
}
// 是支付寶
function is_Ali(){
var ua = navigator.userAgent;
if(ua.match(/AliApp/i)=="AliApp") {
return true;
} else {
return false;
}
}
function IsPC() {
var userAgentInfo = navigator.userAgent;
var Agents = ["Android", "iPhone",
"SymbianOS", "Windows Phone",
"iPad", "iPod"];
var flag = true;
for (var v = 0; v < Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v]) > 0) {
flag = false;
break;
}
}
return flag;
}