唯品秀博客
首页 > 前端开发 > Javascript > js点击下载跳转iOS或安卓

js点击下载跳转iOS或安卓

2017年04月16日 作者:管理员 5766次浏览

在移动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上点击会跳到一个下载汇总页面。

「两年博客,如果觉得我的文章对您有用,请帮助本站成长」

赞( 2 ) 打赏

谢谢你请我吃鸡腿*^_^*

支付宝
微信
2

谢谢你请我吃鸡腿*^_^*

支付宝
微信
标签:

上一篇:

下一篇:

共有 2 条评论 - js点击下载跳转iOS或安卓

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

    111

    1. 超级管理员
      超级管理员 未知操作系统 未知浏览器

      @22222很开心么

博客简介

唯品秀博客: weipxiu.com,一个关注Web前端开发技术、关注用户体验、坚持更多原创实战教程的个人网站,愿景:成为宇宙中最具有代表性的前端博客,期待您的参与,了解更多...

精彩评论

风云英雄

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!

站点统计

  • 文章总数: 173 篇
  • 草稿数目: 2 篇
  • 分类数目: 13 个
  • 页面总数: 21 个
  • 评论总数: 815 条
  • 链接总数: 10 个
  • 标签总数: 313 个
  • 建站时间: 830 天
  • 注册用户: 452 人
  • 访问总量: 8654836 次
  • 最近更新: 2019年3月25日
服务热线:
 173****7240

 QQ在线交流

 旺旺在线