YUI的UA检测

最新推荐文章于 2024-08-08 15:46:08 发布
最新推荐文章于 2024-08-08 15:46:08 发布
阅读量199 收藏
点赞数
文章标签： 移动开发 操作系统 javascript ViewUI
原文链接：http://www.cnblogs.com/fsy0718/p/3287183.html
版权

YUI.UA是针对javascript的宿主环境检测的一个检测对象，返回的是一系统关于当前宿主的信息

1.对象相关信息列表及userAgent

检测对象o = {
        ie: 0,    
//ie   Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.1; WOW64; Trident/6.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E) 


        opera: 0, 
//opera  Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.57 Safari/537.36 OPR/16.0.1196.62 
        gecko: 0,
// ff   Mozilla/5.0 (Windows NT 6.1; WOW64; rv:23.0) Gecko/20100101 Firefox/23.0
        webkit: 0,
//检测webkit内核版本
        safari: 0,
//safari  Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/534.57.2 (KHTML, like Gecko) Version/5.1.7 Safari/534.57.2
        chrome: 0,
//chrome  Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/30.0.1599.10 Safari/537.36 
        mobile: null,
//检测是否是手机 Mozilla/5.0 (Linux; U; Android 2.3.6; en-us; Nexus S Build/GRK39F) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1 (Android)
        air: 0,
//检测 Adobe AIR的版本
        phantomjs: 0,
//phantomjs 是以webkit为核心并提供javascript编程接口（API）的无显示浏览器
        ipad: 0,
//ipad  Mozilla/5.0 (iPad; CPU OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10A5376e Safari/8536.25
        iphone: 0,
//iphone Mozilla/5.0 (iPhone; CPU iPhone OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10A5376e Safari/8536.25 
        ipod: 0,
        ios: null,
//ios系统   iphone | ipad | ipod 
        android: 0,
//android 系统
        silk: 0,
// 亚马逊推出的基于安卓的平板浏览器 全名为Kindle Silk
        accel: false,
//Kindle Silk是否启动加速
        webos: 0,
//webos
        caja: nav && nav.cajaVersion,
//google发起的让javascript更安全的caja项目
        secure: false,
//SSL中是否设置
        os: null,
//操作系统，目前仅检测window或macintosh
        nodejs: 0,
//nodejs版本
        winjs: !!((typeof Windows !== "undefined") && Windows.System),
//window8与ie10的应用环境
        touchEnabled: false
//是否支持触摸
    },


2.定义一个公用函数，用于检测版本号

版本检测函数var numberify = function(s) {
            var c = 0;
            return parseFloat(s.replace(/\./g, function() {
                return (c++ === 1) ? '' : '.';
            }));
        },

 

   这个函数的就是将’123.234.42.42424’ =>  123.23442

   变更一下 ：保留第一个符号，后面相同的符号全部去掉

版本检测函数var numberify = function (s) {
  var i = 0;
  return parseFloat(s.replace(/\./g,function(){
    return ( i++ === 0 )  ?  '.'  : '';
  })
}
// '1.2.3.4.5.6' ==> 1.23456    来自http://zhangyaochun.iteye.com/blog/1840297

  再变更一下：获取一个寻址 

 

版本检测函数//最快的也是seajs采用的  
function dirname (path) {
  var s = path.match ( /.*(?=\/.*$)/);
  return ( s ? s[0]  :  '.' ) + '/';
}
//第二种
function dirname(path){
     var s = path.split('/').slice(0,-1).join('/');
     return s ? s : '.';
}
第三种
function dirname(path){
    var s = ('./' + path).replace(/(.*)?\/.*/, '$1').substring(2);
    return s ? s : '.';
}
/*   "a.js"           ===> "./"
 
 *   "a/b.js"        ===>  "a/"
 
  *   "a/b/c.js"     ===>  "a/b/"
  来自 http://zhangyaochun.iteye.com/blog/1693798
*/


3.开始检测

   

版本检测函数YUI.UA = function (subUA) {
  //numberify函数
 //o对象
 //nav,ua赋值   nav = window.navigator   
  ua = subUA || nav && nav.userAgent
  href = window.location  && window.location.href
 o.userAgent = ua
}


   a.  安全设置o.secure是根据href中是否以https开始来设置值 （http与https的区      别http://www.cnblogs.com/wxlzhizu/archive/2009/12/09/1620005.html）

   o.secure = href && (href.toLowerCase().indexOf(‘https’) === 0);

  b. 检测顺序如下 (操作系统 –> 检测内核及是否是手机 –> 检测webkit内核 【opera15+特殊,手机项】 –>  检测不是webkit 【opera低版本】 –>  IE

检测顺序if (ua) {
         //检测操作系统
        if ((/windows|win32/i).test(ua)) {
            o.os = 'windows';
        } else if ((/macintosh|mac_powerpc/i).test(ua)) {
            o.os = 'macintosh';
        } else if ((/android/i).test(ua)) {
            o.os = 'android';
        } else if ((/symbos/i).test(ua)) {
            o.os = 'symbos';
        } else if ((/linux/i).test(ua)) {
            o.os = 'linux';
        } else if ((/rhino/i).test(ua)) {
            o.os = 'rhino';
        }

        // Modern KHTML browsers should qualify as Safari X-Grade
        if ((/KHTML/).test(ua)) {
            o.webkit = 1;
        }
        if ((/IEMobile|XBLWP7/).test(ua)) {
            o.mobile = 'windows';
        }
        if ((/Fennec/).test(ua)) {
            o.mobile = 'gecko';
        }
        // Modern WebKit browsers are at least X-Grade  检测webkit类浏览器
        m = ua.match(/AppleWebKit\/([^\s]*)/);
        if (m && m[1]) {
            o.webkit = numberify(m[1]);
            o.safari = o.webkit;

            if (/PhantomJS/.test(ua)) {
                m = ua.match(/PhantomJS\/([^\s]*)/);
                if (m && m[1]) {
                    o.phantomjs = numberify(m[1]);
                }
            }

            // Mobile browser check   手机项
            if (/ Mobile\//.test(ua) || (/iPad|iPod|iPhone/).test(ua)) {
                o.mobile = 'Apple'; // iPhone or iPod Touch

                m = ua.match(/OS ([^\s]*)/);
                if (m && m[1]) {
                    m = numberify(m[1].replace('_', '.'));
                }
                o.ios = m;
                o.os = 'ios';
                o.ipad = o.ipod = o.iphone = 0;

                m = ua.match(/iPad|iPod|iPhone/);
                if (m && m[0]) {
                    o[m[0].toLowerCase()] = o.ios; //设置iphone ipod ipad的版本
                }
            } else {
                m = ua.match(/NokiaN[^\/]*|webOS\/\d\.\d/);
                if (m) {
                    // Nokia N-series, webOS, ex: NokiaN95
                    o.mobile = m[0];
                }
                if (/webOS/.test(ua)) {
                    o.mobile = 'WebOS';
                    m = ua.match(/webOS\/([^\s]*);/);
                    if (m && m[1]) {
                        o.webos = numberify(m[1]);
                    }
                }
                if (/ Android/.test(ua)) {
                    if (/Mobile/.test(ua)) {
                        o.mobile = 'Android';
                    }
                    m = ua.match(/Android ([^\s]*);/);
                    if (m && m[1]) {
                        o.android = numberify(m[1]);
                    }

                }
                if (/Silk/.test(ua)) {
                    m = ua.match(/Silk\/([^\s]*)\)/);
                    if (m && m[1]) {
                        o.silk = numberify(m[1]);
                    }
                    if (!o.android) {
                        o.android = 2.34; //Hack for desktop mode in Kindle
                        o.os = 'Android';
                    }
                    if (/Accelerated=true/.test(ua)) {
                        o.accel = true;
                    }
                }
            }

            m = ua.match(/OPR\/(\d+\.\d+)/); //以OPR来作条件是因为opera15+ ua中会有chrome safari  OPR的版本号

            if (m && m[1]) {
                // Opera 15+ with Blink (pretends to be both Chrome and Safari) opera15+采用chromium引擎
                o.opera = numberify(m[1]);
            } else {
                m = ua.match(/(Chrome|CrMo|CriOS)\/([^\s]*)/);

                if (m && m[1] && m[2]) {
                    o.chrome = numberify(m[2]); // Chrome
                    o.safari = 0; //Reset safari back to 0
                    if (m[1] === 'CrMo') {
                        o.mobile = 'chrome';
                    }
                } else {
                    m = ua.match(/AdobeAIR\/([^\s]*)/);
                    if (m) {
                        o.air = m[0]; // Adobe AIR 1.0 or better
                    }
                }
            }
        }

        if (!o.webkit) { // not webkit
        // @todo check Opera/8.01 (J2ME/MIDP; Opera Mini/2.0.4509/1316; fi; U; ssr)
            if (/Opera/.test(ua)) {
                m = ua.match(/Opera[\s\/]([^\s]*)/);
                if (m && m[1]) {
                    o.opera = numberify(m[1]);
                }
                m = ua.match(/Version\/([^\s]*)/);
                if (m && m[1]) {
                    o.opera = numberify(m[1]); // opera 10+
                }

                if (/Opera Mobi/.test(ua)) {
                    o.mobile = 'opera';
                    m = ua.replace('Opera Mobi', '').match(/Opera ([^\s]*)/);
                    if (m && m[1]) {
                        o.opera = numberify(m[1]);
                    }
                }
                m = ua.match(/Opera Mini[^;]*/);

                if (m) {
                    o.mobile = m[0]; // ex: Opera Mini/2.0.4509/1316
                }
            } else { // not opera or webkit
                m = ua.match(/MSIE ([^;]*)|Trident.*; rv:([0-9.]+)/);

                if (m && (m[1] || m[2])) {
                    o.ie = numberify(m[1] || m[2]);
                } else { // not opera, webkit, or ie
                    m = ua.match(/Gecko\/([^\s]*)/);

                    if (m) {
                        o.gecko = 1; // Gecko detected, look for revision
                        m = ua.match(/rv:([^\s\)]*)/);
                        if (m && m[1]) {
                            o.gecko = numberify(m[1]);
                            if (/Mobile|Tablet/.test(ua)) {
                                o.mobile = "ffos";
                            }
                        }
                    }
                }
            }
        }
    }

  c. 是否支持触摸检测

触摸if (win && nav && !(o.chrome && o.chrome < 6)) {
        o.touchEnabled = (("ontouchstart" in win) || (("msMaxTouchPoints" in nav) && (nav.msMaxTouchPoints > 0)));
    }

  d.不是客户端版的js检测

 

nodejsif (!subUA) {

        if (typeof process === 'object') {

            if (process.versions && process.versions.node) {
                //NodeJS
                o.os = process.platform;
                o.nodejs = numberify(process.versions.node);
            }
        }

        YUI.Env.UA = o;

    }


4.版本比较函数,采用sort中函数的写法

版本比较函数compareVersions = function (a, b) {
    var aPart, aParts, bPart, bParts, i, len;

    if (a === b) {
        return 0;
    }
    //转换成数组
    aParts = (a + '').split('.');
    bParts = (b + '').split('.');
    //取两个数组中元素多的为长度进行循环
    for (i = 0, len = Math.max(aParts.length, bParts.length); i < len; ++i) {
        aPart = parseInt(aParts[i], 10);
        bPart = parseInt(bParts[i], 10);

        /*jshint expr: true*/
        isNaN(aPart) && (aPart = 0);
        isNaN(bPart) && (bPart = 0);

        if (aPart < bPart) {
            return -1;
        }

        if (aPart > bPart) {
            return 1;
        }
    }

    return 0;
};





转载于:https://www.cnblogs.com/fsy0718/p/3287183.html

weixin_30553837
关注
Web-拾贝
oscar999的专栏
03-10 1万+
JavaScript MVC框架PK：Angular、Backbone、CanJS与Emberhttp://www.csdn.net/article/2013-04-25/2815032-A-Comparison-of-Angular-Backbone-CanJS-and-Ember一个好的js method 方法查询的网站， 有browser兼容的介绍http://help.dottoro.co...
UA收集与检测
08-05
UA收集与检测，以及UA项目流程图
UA检测
qq_34272745的博客
08-18 2470
import requests # UA检测:门户网站的服务器会检测对应请求的载体的身份标识，如果检测到请求的载体身份标识为某一浏览器 # 说明该请求为一正常请求,但是如果检测到请求的载体身份标识不是基于某一款浏览器， # 则表示该请求为不正常请求,则服务器会拒绝该次请求 # UA:User-Agent(请求载体的身份标识) # UA伪装:让爬虫对应的请求载体身份标识伪装成某一款浏览器 if __name__ == "__main__": # UA伪装 headers = {
UA和动态检测
最新发布
2301_79740767的博客
08-08 452
UA检测是网站为了反爬虫所设置的：网站后台会检测请求的载体是不是浏览器，如果是则返回正常数据，不是则返回错误数据。
移动端设备UA检测
ajpr3120的博客
01-29 1113
网上找到的都不全，不是漏这个就是漏那个，有的甚至还把桌面的chrome判断为移动浏览器。 于是自己动手整理，这回算是比较全了。以后发现漏掉的立马加上。 if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || /Android/i.test(navigator.userAgent) || /BlackBerry/i.test...
手机浏览器UA测试（一）
nicole_jj的专栏
05-09 3351
UA的含义     User Agent中文名为用户代理，简称 UA，它是一个特殊字符串头，使得服务器能够识别客户使用的 操作系统及版本、CPU 类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件等。     一些网站常常通过判断 UA 来给不同的操作系统、不同的浏览器发送不同的页面，因此可能造成某些 页面无法在某个浏览器中正常显示，但通过伪装 UA 可以绕过检测。     通过
YUI英文API文档
05-07
9. **响应式设计**：YUI还支持响应式设计，`Y.UA`模块可以检测浏览器特性，`Y.DOM Screen`提供屏幕尺寸信息，帮助你创建适应不同设备的网页。 10. **工具和实用程序**：YUI包含许多辅助工具函数，如数组操作、日期...
javascript中兼容主流浏览器的动态生成iframe方法
12-11
这里，`isIE`变量用于检测是否为IE浏览器。为了更精确地判断IE版本，可以使用`navigator.userAgent`来获取浏览器信息： ```javascript var isIE = (document.all) ? true : false; var ua = navigator.userAgent....
支持ie9的js
04-15
iframe.setAttribute("id", "yui-history-iframe"); iframe.setAttribute("src", "../../images/defaults/transparent-pixel.gif"); iframe.setAttribute("style", "position:absolute;top:0;left:0;width:1px;...
高并发解决方案（入门篇）
yinqian_Golang的博客
04-13 326
流量优化 防盗链处理 防盗链处理 减轻服务器及带宽压力工作原理：通过Referer或者签名，网站可以检测目标网页访问的来源网页，如果是资源文件，则可以跟踪到显示它的网页地址。一旦检测到来源不是本站，即进行阻止或返回指定的页面。通过计算签名的方式，判断请求是否合法，如果合法则显示，否则返回错误信息。 Referer：加密签名： 前端优化 减少HTTP请求 添加异...
浏览器UA检测和解析
11-21 683
打开该链接即可 http://browserua.me/
python-爬虫（1）-UA检测-动态数据加载
aggie4628的专栏
04-14 948
数据安全是个社会问题，爬与反爬的道德、法律、社会意义不说，本文只说技术。爬虫分三类： 通用（数据的抓取），聚焦（数据的分析），增式（数据的更新). 反爬机制：可以通过robots.txt文件查看。 比如京东的：https://www.jd.com/robots.txt 1.UA检测 网站通过user-agent可以知道现在访问的客户端是程序还是浏览器。而如果想伪装成浏...
用ua 检测各种奇奇怪该的浏览器
weixin_30909575的博客
08-09 397
项目要求只能在ios端的safari中打开页面，其他的不行。 本来只是识别了ua中的ipad、iphone+safari数字结尾，后来发现不行，没法和chrome区别开。 ios端的safari似乎没有可以与其他所有浏览器一键区别开的关键字或者特征，只能通过排除法尽量先排除其他浏览器。 查了一圈，找到了前辈总结的检测方法，测试可行，记录如下： var browserName = "Oth...
关于浏览器UA的一些介绍
努力码代码的程序媛小艺
10-14 2213
User Agent是Http协议中的一部分，属于头域的组成部分，User Agent也简称UA。通俗地讲，UA是一种向访问网站提供你所使用的浏览器类型、操作系统、浏览器内核等信息的标识。通过这个标识，用户所访问的网站可以显示不同的排版，从而为用户提供更好的体验或者进行信息统计。例如，百度、新浪等网站用手机访问和电脑访问是不一样的，这是因为网站根据访问者的UA判断后，进行了不同的设置和处理。 使
反爬机制1——UA检测以及破解策略UA伪装
weixin_62109396的博客
01-28 5901
UA检测：网站的服务器会对访问行为的身份标识进行检测，如果身份标识为某一个浏览器的身份标识，则是一个正常的访问行为，即可允许访问；否则是一个非正常的访问行为（爬虫），即不允许访问。 破解策略——UA伪装：让爬虫的身份标识伪装成某一浏览器的身份标识。即将对应的身份标识封装到一个字典中。 ...
详解robots协议、UA检测、封禁IP的反反爬策略
qq_39915318的博客
04-27 7234
创建UA池，与IP池
userAgent判断客户端，以及各个浏览器的ua
热门推荐
yoyoosyy的博客
04-12 1万+
navigator.userAgent.match(/Android/i)  //安卓客户端浏览器 navigator.userAgent.indexOf('iPhone') != -1)  //iPhone手机客户端 navigator.userAgent.indexOf('iPod') != -1)   //iPod 客户端 navigator.userAgent.indexOf('iPad'
ua识别（浏览器标识识别）
weixin_33672109的博客
05-07 6493
ua识别（浏览器标识识别） 一、总结 1、浏览器标识（UA）：可以使得服务器能够识别客户使用的操作系统及版本、CPU 类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件，从而判断用户是使用电脑浏览还是手机浏览，让网页作出自动的适应。设置成哪个（Android、iphone、ipad和电脑）就相当于用哪种设备浏览网页。 二、浏览器ua标识是啥 浏览器标识（UA）可以使得服务器...
YUI组件开发与加载机制详解
"本文主要介绍了如何使用YUI2开发组件，包括YUI的加载机制、组件创建、安全沙箱的概念以及颗粒化的加载策略。" 在YUI2中，开发组件是一个关键的过程，它涉及到理解YUI的加载机制、类与函数的关系以及如何实现安全和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值