js點擊下載跳轉iOS或安卓

原文鏈接：http://caibaojian.com/android-ios-downapp.html

在移動wap上，最常見的就是引流用戶下載安裝自己的應用程序，如何通過js點擊判斷下載是ios還是安卓呢？其實很簡單，就是要判斷用戶的設備是iOS還是Android，然後分別跳轉就可以了。

之前寫過的一個代碼：判斷iOS或安卓·

<script type="text/javascript">
var u = navigator.userAgent;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android終端
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios終端
alert('是否是Android：'+isAndroid);
alert('是否是iOS：'+isiOS);
</script>

有了這個判斷，就可以根據對應的平臺來進行操作。

1.安卓的，就直接下載app，或者跳到安卓應用市場下載

2.iOS的，直接跳到蘋果商店的應用頁進行下載

3.其它平臺，跳到自定義的頁面，比如一個放有多個平臺的下載頁。

//code from http://caibaojian.com/android-ios-downapp.html
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://ftp-apk.pcauto.com.cn/pub/autoclub-5000-autowapDL1.apk',
		'ios':'https://itunes.apple.com/cn/app/zhong-guo-che-you-hui/id640447959',
		'other':'http://www1.pcauto.com.cn/app/20141120/pcautoapp/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>

記得修改一下上面應用的鏈接地址，設置對應的路徑。

打開手機點擊下面這個按鈕試試效果，在PC上點擊會跳到一個下載彙總頁面。