唯品秀前端博客
当前位置: 前端开发 > JavaScript >

Javascript点击下载跳转iOS或安卓应用商店判断方法

作者：管理员 2017-04-16 12:13:09 分类：JavaScript 阅读（11158） 2

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

之前写过的一个代码：判断iOS或安卓

1
2
3
4
5
6
7
<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.其它平台，跳到自定义的页面，比如一个放有多个平台的下载页。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
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点击跳转到适合手机的设备了。

例如：

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

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

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

本站所有文章、图片、资源等如无特殊说明或标注，均为来自互联网或者站长原创，版权归原作者所有；仅作为个人学习、研究以及欣赏！如若本站内容侵犯了原著者的合法权益，可联系我们进行处理，邮箱：343049466@qq.com
赞(2) 打赏
标签：

上一篇：

下一篇：

相关推荐

共 2 条评论关于"Javascript点击下载跳转iOS或安卓应用商店判断方法"

表情

最新评论

  1. 22222
    未知操作系统 未知浏览器

    111

    111.10.236.105 2017-04-25 09:00 回复
    1. 超级管理员
      未知操作系统 未知浏览器

      @22222很开心么

      116.231.227.163 2017-04-25 11:51 回复
    2. 暂无留言哦~~
谢谢你请我吃鸡腿*^_^*

支付宝扫一扫打赏

微信扫一扫打赏