根据User Agent参数的各个字段Mozilla/5.0/4.0-AppleWebKit/Chrome/Safari/Firefox/Opera/MSIE来确定/判断客户端使用什么浏览器
来源:互联网 发布:手机淘宝装修新品上架 编辑:程序博客网 时间:2024/04/30 17:26
原文章地址:点击打开链接
如何根据User Agent参数字符串的各个字段Mozilla/5.0/4.0-AppleWebKit/Chrome/Safari/Firefox/Opera/MSIE 来确定判断客户端使用的是什么浏览器的版本及类型呢?或者使用JavaScript/js 脚本来判断浏览器类型及版本。
下面给你一一解答以及给你介绍:
//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,所以在做另外处理
}
- 根据User Agent参数的各个字段Mozilla/5.0/4.0-AppleWebKit/Chrome/Safari/Firefox/Opera/MSIE来确定/判断客户端使用什么浏览器
- [乐意黎原创] JS根据useAgent来判断edge, ie, firefox, chrome, opera, safari 等浏览器的类型及版本
- 如何根据User Agent参数字符串判断客户端使用的是什么浏览器的版本及类型
- 修改 Mac 版 Safari、Chrome、FireFox、Opera 的 User-Agent 用户代理字符串
- 如何让 Firefox,Chrome,Safari 浏览器模拟 iPad User Agent
- 如何让 Firefox,Chrome,Safari 浏览器模拟 iPad User Agent
- 如何让 Firefox,Chrome,Safari 浏览器模拟 iPad User Agent
- 五大浏览器js 判断IE、Firefox、Safari、Chrome、Opera
- User Agent参数的各个字段
- 常见的浏览器的历史,netscape,ie,opera,mozilla,firefox,safari
- 根据User-Agent字段获取客户端操作系统和浏览器版本
- 判断浏览器 Firefox Opera Safari Chrome IE5 6 7 8 各版本
- (轉)js判断浏览器(支持区分ie、firefox、opera、chrome、safari)
- 判断浏览器及版本demo(IE11及以下,firefox,chrome,safari,opera)
- ie,firefox,opera,chrome,safari js 判断五大主流浏览器
- 根据 User Agent String 判断客户端平台及浏览器的 Java 程序
- 在IE,Firefox,Safari,Chrome,Opera浏览器上调试javascript
- Firefox、IE、Safari、Chrome、Opera浏览器之差异
- 什么是大数据?漫谈大数据仓库与挖掘系统
- mysq中文l乱码解决
- 收藏一些比较有用的ADB命令
- Python中的函数和包
- 自学-ES6篇-Set和Map数据结构
- 根据User Agent参数的各个字段Mozilla/5.0/4.0-AppleWebKit/Chrome/Safari/Firefox/Opera/MSIE来确定/判断客户端使用什么浏览器
- 芒果iOS开发之CocoaPods:Pods written in Swift can only be integrated as frameworks; add `use_frameworks!`
- DOM知识总结
- Android 隐藏键盘的方法
- Oracle 12c RAC 到单机实例 DATAGUARD搭建
- hdu1087 DP水题
- 完全备份、差异备份以及增量备份的区别
- Java Web开发中路径问题小结
- JSP的编译指令