美文网首页
判断ios和android系统并跳转不同的app下载链接

判断ios和android系统并跳转不同的app下载链接

作者: 胖太_91bf | 来源:发表于2017-10-16 15:43 被阅读0次

如何通过js点击判断下载是ios还是Android呢?其实很简单,就是要判断用户的设备是iOS还Android,然后分别跳转就可以了。
简单的代码如下:

<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.其它平台,跳到自定义的页面,比如一个放有多个平台的下载页。
示例代码:

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();

可以直接在一个点击事件里调用

<a href="javascript:void(0)" onclick="downApp()">点击下载应用</a>

注意更改好app的下载地址

相关文章

网友评论

      本文标题:判断ios和android系统并跳转不同的app下载链接

      本文链接:https://www.haomeiwen.com/subject/wyokuxtx.html