H5判斷當前設備以及不同設備不同環境上下載app

在前端開發中,判斷當前設備是什麼?

在不同的設備上怎麼樣實現下載APP

總結一下:

1:如果是在iPhone上,那麼直接調用AppStore,進入到AppStore裏面下載;地址在ios開發者賬號中可以看到;

2:如果是在pc上或者是Android上使用的是瀏覽器打開,那麼直接下載一個apk,這個apk可以是放在自己的服務器上,那麼地址也就是這個服務器的地址加apk.

如:"http://服務器IP地址/軟件名稱.apk"

3:如果是在微信上打開的,那麼走應用寶下載,


廢話不多說,上代碼。有遺漏的歡迎大家補上。然後我修改



<body>
<div>
<h1 id="do">所處的環境+調用app store+Andriod上下載apk安裝包</h1>
</div>
</body>

function infoMore() {
var browser = {
versions: function() {
var u = navigator.userAgent,
app = navigator.appVersion;
return { //移動終端瀏覽器版本信息 
weixin:u.match(/MicroMessenger/i) == 'MicroMessenger',
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.android && browser.versions.webKit){ //安卓
 window.location = "http://域名/abc.apk";
}
if(browser.versions.ios || browser.versions.iPhone || browser.versions.iPad){ //IOS
window.location = "https://itunes.apple.com/cn/app/***********/id1037684721?l=zh&ls=1&mt=8";
}
if(browser.versions.weixin && browser.versions.android){ //微信安卓
window.location = "http://app.qq.com/#id=detail&appid=1101069854";
}
if(browser.versions.weixin && browser.versions.ios || browser.versions.iPhone || browser.versions.iPad){ //微信IOS
window.location = "http://app.qq.com/#id=detail&appid=1101069854";
}

}

發佈了32 篇原創文章 · 獲贊 22 · 訪問量 10萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章