jquery判断iPhone、Android设备类型

 更新时间:2016年09月14日 13:49:21   作者:乖乖脸很大  
这篇文章主要为大家详细介绍了jquery实现iPhone、Android设备判断方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

最近做了一版微信宣传页,通过JQ来判断设备,并进行下载 

微信内置浏览器对下载链接进行了屏蔽,所以先进行判断,如果是微信内置浏览器,则跳转应用宝链接,如果不是,则判断是iPhone/Adroid/PC 并进行跳转 

代码如下:

function downloadApp(){
 var u = navigator.userAgent; 
 var ua = navigator.userAgent.toLowerCase(); 
 var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 
  var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 
 if(ua.match(/MicroMessenger/i)=="micromessenger") { //微信内置浏览器
  $(".download a").click(function(){
   window.location.href='http://a.app.qq.com/o/simple.jsp?pkgname=应用名 '
  });

 }else{
  if(isiOS){

   

   $(".download a").click(function(){
    window.location.href='https://itunes.apple.com/cn/app/应用名'
   });
  }else if(isAndroid){
   $(".download a").click(function(){
    window.location.href='http://a.app.qq.com/o/simple.jsp?pkgname=应用名'
   });
  }else{

   $(".download a").click(function(){
    window.location.href='应用链接'

   });

  }

 }

  

 } 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • jQuery实现加入购物车飞入动画效果

    jQuery实现加入购物车飞入动画效果

    当您在电商购物网站浏览中意的商品时,您可以点击页面中的“加入购物车”按钮即可将商品加入的购物车中。本文介绍借助一款基于jQuery的动画插件,点击加入购物车按钮时,实现商品将飞入到右侧的购物车中的效果。
    2015-03-03
  • jquery判断元素是否隐藏的多种方法

    jquery判断元素是否隐藏的多种方法

    这篇文章主要介绍了jquery判断元素是否隐藏的多种方法,本文总结了多种判断方法实例,需要的朋友可以参考下
    2014-05-05
  • 关于Jquery操作Cookie取值错误的解决方法

    关于Jquery操作Cookie取值错误的解决方法

    使用JQuery操作cookie时 发生取的值不正确,结果发现cookie有四个不同的属性,下面与大家分享下错误的原因及解决方法
    2013-08-08
  • jquery 注意事项与常用语法小结

    jquery 注意事项与常用语法小结

    jquery 注意事项与常用语法小结,学习jquery的朋友最好收藏下。
    2010-06-06
  • jQuery实现拖动剪裁图片作为头像

    jQuery实现拖动剪裁图片作为头像

    本文主要介绍了jQuery实现拖动剪裁图片作为头像的具体实例方法,具有很好的参考价值,下面跟着小编一起来看下吧
    2016-12-12
  • 详解jQuery简单的表格应用

    详解jQuery简单的表格应用

    本文主要对表格的简单应用:表格变色;表格展开关闭;表格内容筛选进行实例分析介绍。具有很好的参考价值,需要的朋友一起来看下吧
    2016-12-12
  • jQuery实现在最后一个元素之前插入新元素的方法

    jQuery实现在最后一个元素之前插入新元素的方法

    这篇文章主要介绍了jQuery实现在最后一个元素之前插入新元素的方法,涉及jquery针对页面元素的匹配选择与属性操作相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • jQuery 回车事件enter使用示例

    jQuery 回车事件enter使用示例

    这篇文章主要介绍了jQuery 回车事件enter的使用,需要的朋友可以参考下
    2014-02-02
  • jQuery 开发之EasyUI 添加数据的实例

    jQuery 开发之EasyUI 添加数据的实例

    这篇文章主要介绍了jQuery 开发之EasyUI 添加数据的实例的相关资料,希望通过本文能帮助到大家,让大家理解掌握这部分内容,需要的朋友可以参考下
    2017-09-09
  • jQuery网页定位导航特效实现方法

    jQuery网页定位导航特效实现方法

    这篇文章主要介绍了jQuery网页定位导航特效实现方法,结合实例形式分析了jQuery网页定位导航的功能描述、原理与核心实现代码,需要的朋友可以参考下
    2016-12-12

最新评论