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='应用链接'

   });

  }

 }

 }

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

赞 (0)

相关推荐

  • js判断手机端(Android手机还是iPhone手机)

    网上常用的代码 /** * [isMobile 判断平台] * @param test: 0:iPhone 1:Android */ function ismobile(test){ var u = navigator.userAgent, app = navigator.appVersion; if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alca

  • 探讨Android 的屏幕滚动操作不如 iPhone 流畅顺滑的原因

    其实我觉得最主要还是开发者对于应用的优化不够,太多的Overdraw和Layout方面的问题,Android开发者本身为了适配屏幕分辨率和解决其他一些兼容性问题已经耗费很多精力了,很少有开发者会花很多精力去做细致的性能优化,有的甚至连优化的方向都不知道.现在的官方微博客户端要我看在Overdraw方面还是很严重,然后在异步加载图片的时候帧率也不够稳定,算不上流畅.再则由于Android平台本身机能没有强大到优化烂的应用也能跑的非常流畅暴露了优化不够的事实,特别是手机厂商的定制ROM相比原生系统都

  • android Gallery组件实现的iPhone图片滑动效果实例

    android Gallery组件实现的iPhone图片滑动效果实例

    实现的效果图,可左右滑动: 一.先在将Gallery标签放入: 复制代码 代码如下: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:orientation="vertical"     android:layo

  • Android 模仿iPhone列表数据View刷新动画详解

    Android 模仿iPhone列表数据View刷新动画详解

    因为我本人很喜欢在不同的页面之间跳转时加点好玩的动画,今天无意间看到一个动画效果感觉不错,几种效果图如下:既然好玩就写在博客中,直接说就是:该效果类似于iPhone中View的切换动画效果,今天就只介绍上面展示的效果. 废话不多说,先上效果,再看代码!! 效果一: 效果二: 效果三: 效果四:(犯错的效果): 效果五(回旋效果一): 效果六(回旋效果二): 效果看完了,就来看下上面效果实现的具体代码吧, 中间会把我自己试验的.犯的错误都以注释的形式写下来的, 大家使用的时候别出错就行了!先来看下

  • Android之IphoneTreeView带组指示器的ExpandableListView效果

    Android之IphoneTreeView带组指示器的ExpandableListView效果

    之前实现过一次这种效果的ExpandableListView:http://www.jb51.net/article/38482.htm,带效果比较挫,最近,在参考联系人源码PinnedHeaderListView,以及网上各位大侠的源码,封装了一个效果最好,而且使用最简单的IphoneTreeView,下面先看看效果图:  首先让我们看看封装得比较完善的IphoneTreeView: 复制代码 代码如下: public class IphoneTreeView extends Expandab

  • Android ListView实现仿iPhone实现左滑删除按钮的简单实例

    需要自定义ListView.这里就交FloatDelListView吧. 复写onTouchEvent方法.如下: @Override public boolean onTouchEvent(MotionEvent ev) { switch (ev.getAction()) { case MotionEvent.ACTION_DOWN:<BR> // 获取按下的条目视图(child view) int childCount = getChildCount(); int[] listViewCo

  • Android编程实现仿iphone抖动效果的方法(附源码)

    本文实例讲述了Android编程实现仿iphone抖动效果的方法.分享给大家供大家参考,具体如下: 布局文件: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" and

  • javascript判断iphone/android手机横竖屏模式的函数

    查了不少资料,最后结论如下: 复制代码 代码如下: function orientationChange(){ switch(window.orientation) { case 0: // Portrait case 180: // Upside-down Portrait // Javascript to setup Portrait view break; case -90: // Landscape: turned 90 degrees counter-clockwise case 90

  • Android中的jQuery:AQuery简介

    Android中的jQuery:AQuery简介

    为了向你展示Android Query能够够为用户界面开发做到什么,我们从他们的项目页面上引用了一个例子. 这是在使用AQuery之前的代码: 这是使用AQuery之后的代码: 熟悉的jQuery语法再次涌现,兴奋之情有木有. AQuery项目地址:https://github.com/androidquery/androidquery Android Query简化了附加事件处理程序的过程.它不会构建出接口或者匿名类,我们只需要确保它们不会把事件处理程序的方法名拼写错. 复制代码 代码如下:

  • 基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码

    其实主要是通过window.orientation实现,下面看下代码吧 复制代码 代码如下: function orient() {if (window.orientation == 90 || window.orientation == -90) {//ipad.iphone竖屏:Andriod横屏$("body").attr("class", "landscape");orientation = 'landscape';return fals

随机推荐