jquery判断客户端的类型

针对不同客户端下载链接的页面响应样式不一样,更人性点而已
//匹配客户端类型
var isAndroid = navigator.userAgent.toLowerCase().match(/android/i) == "android";
var isIphone = navigator.userAgent.toLowerCase().match(/iphone os/i) == "iphone os";
var isIpad = navigator.userAgent.toLowerCase().match(/ipad/i) == "ipad";
var isWin = navigator.userAgent.toLowerCase().match(/windows phone/i) == "windows phone";
var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh") || (navigator.platform == "MacIntel");
//定义几个函数,获取url中的get参数
(function($) {
  $.extend({
    urlGet:function()
    {
      var aQuery = window.location.href.split("?"); //取得Get参数
      var aGET = new Array();
      if(aQuery.length > 1)
      {
        var aBuf = aQuery[1].split("&");
        for(var i=0, iLoop = aBuf.length; i<iLoop; i++)
        {
          var aTmp = aBuf[i].split("="); //分离key与Value
          aGET[aTmp[0]] = aTmp[1];
        }
      }
      return aGET;
    }
  })
})(jQuery);

$(document).ready(function(){
        var curr_url = window.location.href;
        var host = window.location.host;
        var GET = $.urlGet();
        var curr_url = GET[‘url_download‘];
        if(isAndroid || isIpad || isIphone || isWin){
       //手机端的样子
            $(".addthis_sharing_toolbox").show();
            //ajax请求,匹配参数获得返回值
            if(curr_url.indexOf(".exe")!=-1||curr_url.indexOf(".dmg")!=-1){
                $.ajax({
                    url:‘http://‘+host+‘/index.php/Index/mobile_url‘,
                    type:‘post‘,
                    data:{url:curr_url},
                    async : true,
                    error:function(){
                        alert(‘error‘);
                    },
                    success:function(data){
              //只是一些样式的控制,不用看
                        $(".box1").show();
                        $(".box2").hide();
                        $(".addthis_sharing_toolbox").show();
                        $(".discountCode").show();
                        var json = eval(‘(‘ + data + ‘)‘);
                        $("#win_price").html(json.win_price);
                        $("#mac_price").html(json.mac_price);
                        $("#win_btn").attr(‘href‘,json.win_buy);
                        $("#mac_btn").attr(‘href‘,json.mac_buy);
                        $("#share_code").attr(‘data-url‘,json.skip_url);
                        $("#share_code").attr(‘data-title‘,json.skip_title);
                    }
                });
            }
        }else{
       //pc端的样子,样式的控制不用看
            $(".box1").hide();
            $(".box2").show();
            $("#pc_download").attr(‘href‘,curr_url);
            location.href=curr_url;
        }
时间: 2024-08-28 19:38:45

jquery判断客户端的类型的相关文章

jQuery判断当前浏览器类型

var browserversion = ""; //IE8+浏览器 if ($.browser.msie) { browserversion = "IE" + $.browser.version; } //谷歌浏览器 if ($.browser.webkit) { browserversion = "Chrome" + $.browser.version; } //火狐浏览器 if ($.browser.mozilla) { browserve

JQuery判断浏览器类型

浏览器内核标识,依据 navigator.userAgent 判断. mozilla 此属性在 DOM 树加载完成前即有效,可用于为特定浏览器设置 ready 事件. 参考文档:http://api.jquery.com/jQuery.browser/ 待验证代码: 1 <SCRIPT language="JavaScript"> 2 function myexplorer(){ 3 var explorer = window.navigator.userAgent; 4

利用jQuery判断浏览器的版本和类型

利用jQuery判断浏览器的版本:现在各种版本的浏览器满天飞,不能说是一种坏事,因为版本多了就会出现竞争,能够提高产品的质量,给用户带来了好处,但是也给程序员带来了无穷的烦恼.由于不同版本的浏览器可能会对同样的代码有不同的解读,所以要根据不同的浏览器写不同的代码,所以就要对浏览器的版本和类型进行判断.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta

使用JS判断客户端、浏览器、操作系统类型

一.JS判断客户端类型 JS判断客户端是否是iOS或者Android手机移动端 通过判断浏览器的userAgent,用正则来判断手机是否是ios和Android客户端. 核心代码如下: 方法一: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content=&quo

Jquery 判断浏览器类型

$(function() { //FireFox2及以上 if ($.browser.MozillaSideBar && $.browser.version >= "1.8") { } //Safari if ($.browser.safari) { } //Chrome if ($.browser.chrome) { } //Opera if ($.browser.opera) { } //IE6及以下 if ($.browser.msie &&

jquery中关于对象类型的判断原理

class2type[ core_toString.call(obj) ] jquery中关于对象类型的判断原理 jquery源码中关于类型判断的工具函数为type,调用方法为$.type()或者jQuery.type(),关于type函数的实现为: 1 type: function( obj ) { 2 if ( obj == null ) { 3 return String( obj ); 4 } 5 // Support: Safari <= 5.1 (functionish RegExp

JS判断浏览器类型,JS判断客户端操作系统

JS判断浏览器类型 function judge(){ var browser = { versions: function() { var u = navigator.userAgent, app = navigator.appVersion; return {//移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, //opera内核 webKit: u.indexO

怎么用jquery判断浏览器类型和版本号?

用jquery判断浏览器类型:判断浏览器类型是IE浏览器还是火狐甚至是opera或者苹果浏览器safari,jquery 特效代码如下:判断浏览器类型和版本号如下: 怎么用jquery判断浏览器类型? 用jquery判断浏览器类型:判断浏览器类型是IE浏览器还是火狐甚至是opera或者苹果浏览器safari,jquery 特效代码如下: <script type="text/javascript" src="jquery-1.3.2.min.js">&l

js 判断客户端 和 asp.net/C#判断客户端类型

1.js 判断客户端 <script language="JavaScript"> <!-- onload = function browserRedirect() { //平台.设备和操作系统 var system = { win: false, mac: false, xll: false, iphone: false }; //检测平台 var p = navigator.platform; system.iphone = p.indexOf("iPh