<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>