<section class="download">
<a href="apk地址" class="android" style="display:none"><em></em>APP下载</a>
<a href="ios应用商店地址" class="ios" style="display:none"><em></em>APP Store</a>
</section>
<article class="ios-tips" style="display:none">
<img src="images/tips.png">>
</article>
<script type="text/javascript">
var browser = {
versions: function() {
var u = navigator.userAgent, app = navigator.appVersion;
return {
trident: u.indexOf(‘Trident‘) > -1, //IE内核
presto: u.indexOf(‘Presto‘) > -1, //opera内核
webKit: u.indexOf(‘AppleWebKit‘) > -1, //苹果、谷歌内核
gecko: u.indexOf(‘Gecko‘) > -1 && u.indexOf(‘KHTML‘) == -1, //火狐内核
mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否为移动终端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
android: u.indexOf(‘Android‘) > -1 || u.indexOf(‘Linux‘) > -1, //android终端或者uc浏览器
iPhone: u.indexOf(‘iPhone‘) > -1 || u.indexOf(‘Mac‘) > -1, //是否为iPhone或者QQHD浏览器
iPad: u.indexOf(‘iPad‘) > -1, //是否iPad
webApp: u.indexOf(‘Safari‘) == -1 //是否web应该程序，没有头部与底部
};
}(),
language: (navigator.browserLanguage || navigator.language).toLowerCase()
}
if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {
$(".download .ios").show();//如果是ios系统 就显示APP Store 按钮
}
else if (browser.versions.android) {
$(".download .android").show();//如果是Android系统 就显示APP下载 按钮
}
//ios系统 判断是否微信扫描进入网页， 因为ios的微信 屏蔽了 链接进入ios应用商店，所以只能用浏览器打开
$(".download").on("click","a.ios",function(){
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i)=="micromessenger") {
$(".ios-tips").show();//显示提示用浏览器打开页面的透明浮动层
} else {
$(".ios-tips").hide();
}
});
</script>