最近在做app的h5页面,涉及到一些小知识点 记录一下
1.微信屏蔽了下载的链接,所以在网页中添加的下载链接都要在浏览器中打开,这里需要一个提示用户在浏览器打开的提示弹框
//判断是否在微信终端打开
function is_weixin() {
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i) == "micromessenger") {
return true;
} else {
return false;
}
}
//下载地址
function loadApp() {
var u = navigator.userAgent;
if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓
window.open('http://static.yuntongauto.com/web/llemon/liemon_buyer_V1.0.apk')
} else if (u.indexOf('iPhone') > -1) {//苹果
alert("IOS版本暂未发布,敬请期待。");
}
}
$('.download').click(function(){
if(is_weixin()){
$('.load').show()//这是一个提示用浏览器打开网页的过渡弹框
}else{
$('.load').hide();
loadApp()
}
});
后来测试了一下,进行了改版
$('.download').click(function(){
var u = navigator.userAgent;
if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手机
if(is_weixin()){
$('.load').show()
}else{
$('.load').hide();
window.open('http://static.yuntongauto.com/web/liemon/liemon_buyer_V1.1.apk')
}
} else if (u.indexOf('iPhone') > -1) {//苹果手机
window.open('https://itunes.apple.com/cn/app/%E6%9F%A0%E6%AA%AC%E7%AB%9E%E4%BB%B7-%E8%AE%A9%E4%BA%8C%E6%89%8B%E8%BD%A6%E4%B9%B0%E5%8D%96%E6%9B%B4%E8%BD%BB%E6%9D%BE/id1370802527?mt=8')
}
});
因为IOS中微信不屏蔽AppStroe的链接,可以调起来,所以对代码进行了调整