js点击下载跳转iOS或安卓

旧城等待， 2022-06-17 02:20 239阅读 0赞

原文链接： [http://caibaojian.com/android-ios-downapp.html][http_caibaojian.com_android-ios-downapp.html]

在移动wap上，最常见的就是引流用户下载安装自己的应用程序，如何通过js点击判断下载是[ios][]还是安卓呢？其实很简单，就是要判断用户的设备是iOS还是[Android][]，然后分别跳转就可以了。

之前写过的一个[代码][Link 1]：[判断iOS或安卓][iOS][·][http_caibaojian.com_android-ios-downapp.html]

有了这个判断，就可以根据对应的平台来进行操作。

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)" οnclick="downApp()">点击下载应用</a>

记得修改一下上面应用的链接地址，设置对应的路径。

打开手机点击下面这个按钮试试效果，在PC上点击会跳到一个下载汇总页面。

来源： [前端开发博客][http_caibaojian.com_android-ios-downapp.html]

[http_caibaojian.com_android-ios-downapp.html]: http://caibaojian.com/android-ios-downapp.html
[ios]: http://caibaojian.com/t/ios
[Android]: http://caibaojian/t/android
[Link 1]: http://caibaojian.com/c/code
[iOS]: http://caibaojian.com/browser-ios-or-android.html