zoukankan      html  css  js  c++  java
  • 根据User Agent参数的各个字段Mozilla/5.0/4.0AppleWebKit/Chrome/Safari/Firefox/Opera/MSIE来确定/判断客户端使用什么浏览器

    下面给你一一解答以及给你介绍:

    //Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-CN) AppleWebKit/533.21.1 (KHTML, like Gecko) Version/5.0.5 Safari/533.21.1  –safari

    RFC1945要求User Agent包含产品名称和版本,注释似乎是可选的。

    1. 很多浏览器的UA以Mozilla/5.0开头,这在之前用来说明和Mozilla渲染引擎的兼容性(我们兼容Mozilla5.0哦~你只要按照这个来做就行了哦亲~~)
    2. like Gecko是平台说明,Gecko是Firefox和很多浏览器用的排版引擎。
    3. Chrome的渲染引擎是WebKit,和Safari浏览器的差不多。所以似乎就是,网站不能识别Chrome的话,没问题,你按照Safari来做也没事。

    • 首先HTTP规范要求浏览器应该发送User Agent;
    • 其次Netcape公司的浏览器Netscape Navigator 2就开始采用“Mozilla/Version [Language] (Platform; Encryption)”这种形式的字符串;
    • 当微软进入浏览器市场的时候,Netscape的浏览器占据了绝对的市场份额,而当时的服务器又会专门去检测这个浏览器,所以微软为了不让自家浏览器打不开网页,就模仿了Netscape浏览器的User Agent
    • 苹果发布Safari(渲染引擎是Webkit)时遇到了同样的问题,为了兼容就采取了和微软一样的策略
    • Chrome的渲染引擎同样是Webkit,发布时采用了跟Webkit一样的User Agent

    userAgent = navigator.userAgent,//User Agent中文名为用户代理,简称 UA,它是一个特殊字符串头,使得服务器能够识别客户使用的操作系统及版本、CPU 类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件等。

    下面分别是各个浏览器的navigator.userAgent

    //Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-CN) AppleWebKit/533.21.1 (KHTML, like Gecko) Version/5.0.5 Safari/533.21.1  –safari

    //Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.1 (KHTML, like Gecko) Chrome/13.0.782.220 Safari/535.1                             –chrome

    //Opera/9.80 (Windows NT 5.1; U; Edition Next; zh-cn) Presto/2.8.158 Version/11.50  –opera

    //Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; InfoPath.1; .NET4.0C; .NET4.0E; InfoPath.2)  —ie

    //Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-CN; rv:1.9.2.24) Gecko/20111103 Firefox/3.6.24    –firefox

    //用于匹配响应浏览器表示的正则

    rwebkit = /(webkit)[ \/]([\w.]+)/,//webkit
    ropera = /(opera)(?:.*version)?[ \/]([\w.]+)/,//opera
    rmsie = /(msie) ([\w.]+)/,//ie
    rmozilla = /(mozilla)(?:.*? rv:([\w.]+))?/,//mozilla

    通过userAgent,我们可以看到chrome可以通过以下方式匹配到,但是因为和safari一样,都带有“safari”,我们可以把它放在rwebkit.前进行匹配

    rchrome=/(Chrome)[ \/]([\w.]+)/

    同样firefox也可以这么做,把它放在rmozilla前面进行判断

    rfirefox=/(Firefox)[ \/]([\w.]+)/

    uaMatch: function( ua ) {//主要是获得的浏览器的类型和版本
    ua = ua.toLowerCase();//参数为navigator.userAgent。转换成小写,当然也可以在正则匹配里声明不区分大小写(如 /(webkit)[ \/]([\w.]+)/i)

    var match = rwebkit.exec( ua ) ||
    ropera.exec( ua ) ||
    rmsie.exec( ua ) ||
    ua.indexOf(“compatible”) < 0 && rmozilla.exec( ua ) ||
    [];//由于使用exec进行匹配,返回的结果是一个整体匹配和响应的子匹配,例如/(Chrome)[ \/]([\w.]+)/,match会返回Chrome/13.0.782.220,match[1]得到chrome,match[2]得到 13.0.782.220;

    return { browser: match[1] || “”, version: match[2] || “0″ };
    }

    //uaMatch是jQuery里的一个方法,在这边开始调用并保存浏览器型号browser和版本version

    browserMatch = jQuery.uaMatch( userAgent );//调用uaMatch,并返回对象return { browser: match[1] || “”, version: match[2] || “0″ };
    if ( browserMatch.browser ) {
    jQuery.browser[ browserMatch.browser ] = true;//chrome\safari\opera\msie\mozilla ,比如我们要在opera浏览器下执行特定操作的时候,可以通过$.browser.opera来判断是不是opera浏览器(true,false)

    jQuery.browser.version = browserMatch.version;//浏览器版本
    }
    if ( jQuery.browser.webkit ) {
    jQuery.browser.safari = true;//因为safari是使用AppleWebKit引擎,由于和chrome都有safari,所以在做另外处理
    }

  • 相关阅读:
    random模块的随机变换
    re模块与正则表达式进阶
    面向对象整体细化
    __new__内部工作方式
    前端之CSS
    前端之HTML
    数据库
    同步异步阻塞非阻塞
    进程间的通信
    day 36(多进程)
  • 原文地址:https://www.cnblogs.com/sunjingxin/p/5871466.html
Copyright © 2011-2022 走看看