在移動wap上,最常見的就是引流用戶下載安裝自己的應用程序,如何通過js點擊判斷下載是ios還是安卓呢?其實很簡單,就是要判斷用戶的設備是iOS還是Android,然后分別跳轉就可以了。·
有了這個判斷,就可以根據對應的平臺來進行操作。·
1.安卓的,就直接下載app,或者跳到安卓應用市場下載
2.iOS的,直接跳到蘋果商店的應用頁進行下載
3.其它平臺,跳到自定義的頁面,比如一個放有多個平臺的下載頁
廢話不多說,直接上代碼
function downApp(){
var u = navigator.userAgent,
isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1,
isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
urls = {
'android':'http://21231231.apk',
'ios':'https://itunes.apple.com/cn/app/21231231/id 21231231',
'other':'http://21231231/index.html'
};
//三元運算
// window.location.href = isAndroid? urls.android : isiOS? urls.ios : urls.other;
//簡化
if(isAndroid){
window.location.href=urls.android;
}else if(isiOS){
window.location.href=urls.ios;
}else{
window.location.href=urls.other;
}
}
downApp();
你可以直接把這個函數放在一個按鈕或者鏈接上,點擊觸發這個事件。就能實現js點擊跳轉到適合手機的設備了。
<a href="javascript:void(0)" onclick="downApp()">點擊下載應用</a>
記得修改一下上面應用的鏈接地址,設置對應的路徑??