JQ实现判断iPhone、Android设备,iphoneandroid

眼前做了一版微信宣传页,通过JQ来决断设备,并开展下载 

近日做了一版微信宣传页,通过JQ来剖断设备,并开展下载

近来做了一版微信宣传页,通过JQ来判定设备,并开展下载

JQ完成判别HTC、Android设备,iphoneandroid

前不久做了一版微信宣传页,通过JQ来决断设备,并拓宽下载

微信内置浏览器对下载链接进行了遮风挡雨,所以先进行推断,固然是微信内置浏览器,则跳转应用宝链接,要是或不是,则判定是一加/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='应用链接'
   });
  }
 }

 }

测量试验发现,<a>标签里竟然出现了
必要点击二回本领跳转的情事,所以举办完善,并且发掘已经在时光上绑定了click事件
还包在函数里 好像有个别大惊小怪。。

$(function(){
 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").bind('touchstart', function (event) {
   window.location.href='http://a.app.qq.com/o/simple.jsp?pkgname=应用名 '
  });
  }else{
   if(isiOS){
   $(".download a").bind('touchstart', function (event) {
    window.location.href='https://itunes.apple.com/cn/app/应用名'

   });
  }else if(isAndroid){
   $(".download a").bind('touchstart', function (event) {
    window.location.href='http://a.app.qq.com/o/simple.jsp?pkgname=应用名'

   });
  }else{  //PC 端
   $(".download a").click(function(){
    window.location.href='应用链接'
   });
  }

 }

});

  

这几天做了一版微信宣传页,通过JQ来剖断设备,并举行下载
微信内置浏览器对下载链接进行了屏蔽…

自个儿将使用Windows系统的配备定为PC,究竟博客面向中华夏族民共和国客户,大多数生活的费用设备也许用的Windows系统

微信内置浏览器对下载链接举行了遮风挡雨,所以先进行剖断,借使是微信内置浏览器,则跳转应用宝链接,如果不是,则决断是HTC/Adroid/PC
并开展跳转 

微信内置浏览器对下载链接进行了遮挡,所以先实行推断,若是是微信内置浏览器,则跳转应用宝链接,要是还是不是,则推断是三星/Adroid/PC
并扩充跳转

微信内置浏览器对下载链接举行了遮挡,所以先实行决断,倘若是微信内置浏览器,则跳转应用宝链接,假如不是,则决断是三星/Adroid/PC
并展开跳转

规律是判别浏览器提交的USE奥迪Q5 AGENT

代码如下:

代码如下:

代码如下:

 代码如下

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

   });

  }

 }



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

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

 }

<?php
//获取USER AGENT
$agent = strtolower($_SERVER[‘HTTP_USER_AGENT’]);

上述正是本文的全部内容,希望对大家的读书抱有扶助,也盼望我们多多扶助脚本之家。

测量检验开掘,<a>标签里乃至出现了
要求点击三遍技术跳转的图景,所以实行完美,并且发现已经在时光上绑定了click事件
还包在函数里 好像某些节外生枝。。

测量试验发掘,<a>标签里居然现身了
必要点击一回技术跳转的情景,所以举办完美,并且开采早就在岁月上绑定了click事件
还包在函数里 好像有一点神经过敏。。

//分析数据
$is_pc = (strpos($agent, ‘windows nt’)) ? true : false;  
$is_iphone = (strpos($agent, ‘iphone’)) ? true : false;  
$is_ipad = (strpos($agent, ‘ipad’)) ? true : false;  
$is_android = (strpos($agent, ‘android’)) ? true : false;  

你或者感兴趣的稿子:

  • Android
    模仿OPPO列表数据View刷新动画详解
  • Android
    ListView达成仿一加达成左滑删除按键的简易实例
  • Android编制程序实现仿iphone抖动作效果果的点子(附源码)
  • js决断手提式有线电话机端(Android手机照旧HUAWEI手提式无线电话机)
  • 探究Android 的显示器滚动操作比不上 索爱流畅顺滑的来头
  • android
    Gallery组件达成的One plus图片滑动作效果果实例
  • 基于jQuery的判断三星GALAXY Tab、One plus、Android是横屏依然竖屏的代码
  • Android之IphoneTreeView带组提醒器的ExpandableListView效果
  • javascript判定iphone/android手提式有线电话机横竖屏方式的函数
  • Android中的jQuery:AQuery简介
$(function(){
 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").bind('touchstart', function (event) {
   window.location.href='http://a.app.qq.com/o/simple.jsp?pkgname=应用名 '
  });
  }else{
   if(isiOS){
   $(".download a").bind('touchstart', function (event) {
    window.location.href='https://itunes.apple.com/cn/app/应用名'

   });
  }else if(isAndroid){
   $(".download a").bind('touchstart', function (event) {
    window.location.href='http://a.app.qq.com/o/simple.jsp?pkgname=应用名'

   });
  }else{  //PC 端
   $(".download a").click(function(){
    window.location.href='应用链接'
   });
  }

 }

});
$(function(){
    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").bind('touchstart', function (event) {
            window.location.href='http://a.app.qq.com/o/simple.jsp?pkgname=应用名 '
        });
    }else{
        if(isiOS){
            $(".download a").bind('touchstart', function (event) {
                window.location.href='https://itunes.apple.com/cn/app/应用名'

            });
        }else if(isAndroid){
            $(".download a").bind('touchstart', function (event) {
                window.location.href='http://a.app.qq.com/o/simple.jsp?pkgname=应用名'

            });
        }else{  //PC 端
            $(".download a").click(function(){
                window.location.href='应用链接'
            });
        }

    }

});

//输出数据
    if($is_pc){  
        echo “这是PC”;  
    }  
    if($is_iphone){  
        echo “这是iPhone”;  
    }  
    if($is_ipad){  
        echo “这是iPad”;  
    }  
    if($is_android){  
        echo “这是Android”;  
    }  
?>

  

  

借使您只看清是或不是为iphone设备能够如下来举办操作

 代码如下

function get_device_type(){
 $agent = strtolower($_SERVER[‘HTTP_USER_AGENT’]);
 $type = ‘other’;
 if(strpos($agent, ‘iphone’) || strpos($agent, ‘ipad’)  ){
  $type = ‘ios’;
 }
 if(strpos($agent, ‘android’)){
  $type = ‘android’;
 }
 return $type;
}

相关文章