1. 程式人生 > >js點選下載跳轉iOS或安卓

js點選下載跳轉iOS或安卓

原文連結:http://caibaojian.com/android-ios-downapp.html

在移動wap上,最常見的就是引流使用者下載安裝自己的應用程式,如何通過js點選判斷下載是ios還是安卓呢?其實很簡單,就是要判斷使用者的裝置是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上點選會跳到一個下載彙總頁面。


來源:前端開發部落格