用户代理字符串userAgent可实现的四个识别
作者：bea
定义 用户代理字符串:navigator.userAgent HTTP规范明确规定，浏览器应该发送简短的用户代理字符串，指明浏览器的名称和版本号。但现实中却没有这么简单。 发展历史 【1】1993年美国NCSA国家超级计算机中心发布了世界上第一款web浏览器Mosaic，该浏览器的用户代理字符串为Mosaic/0.9 【2】Netscape公司进入浏览器开发领域，将自己产品的代号定名了Mozilla(Mosaic Killer)的简写，用户代理字符串格式为Mozi
定义
用户代理字符串:navigator.userAgent
HTTP规范明确规定，浏览器应该发送简短的用户代理字符串，指明浏览器的名称和版本号。但现实中却没有这么简单。
发展历史
【1】1993年美国NCSA国家超级计算机中心发布了世界上第一款web浏览器Mosaic，该浏览器的用户代理字符串为Mosaic/0.9
【2】Netscape公司进入浏览器开发领域，将自己产品的代号定名了Mozilla(Mosaic Killer)的简写，用户代理字符串格式为Mozilla/版本号 [语言] (平台；加密类型)
【3】IE发布的第一款赢得用户广泛认可的web浏览器IE3，当时Netscap已经占据了绝对市场份额，为了让服务器能够检测到IE，IE将用户代理字符串修改成兼容Netscape的形式:Mozilla/2.0(compatible;MSIE版本号；操作系统)
【4】各浏览器陆续出现，用户代理字符串的显示格式也越来越类似……
测试工具
利用各桌面浏览器调试工具，主要是IE调试工具及chrome的emulation手机调试工具
桌面端测试结果
【1】IE
[1.1]IE3
Mozilla/2.0 (compatible; MSIE3.02; windows 95)
[1.2]IE6
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)
[1.3]IE7
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0)
[1.4]IE8
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0)
[1.5]IE9
Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0)
[1.6]IE10
Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)
[1.7]IE11
Mozilla/5.0 (MSIE 9.0; Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET
CLR 3.0.30729; .NET4.0C; .NET4.0E; InfoPath.3; GWX:QUALIFIED; rv:11.0) like Gecko
【2】chrome
Mozilla/5.0 (Windows NT 6.1; WOW64)G AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.93 Safari/537.36
【3】safari
Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/534.57.2 (KHTML, like Gecko) Version/5.1.7 Safari/534.57.2
【4】firefox
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:40.0) Gecko/20100101 Firefox/40.0
【5】opera
Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.85 Safari/537.36 OPR/32.0.1948.25
移动端测试结果
【1】ipad
Mozilla/5.0 (iPad; CPU OS 7_0 like Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko) Version/7.0 Mobile/11A465 Safari/9537.53
【2】iphone
Mozilla/5.0 (iPhone; CPU iPhone OS 8_0 like Mac OS X) AppleWebKit/600.1.3 (KHTML, like Gecko) Version/8.0 Mobile/12A4345d Safari/600.1.4
【3】android
Mozilla/5.0 (Linux; Android 4.2.2; GT-I9505 Build/JDQ39) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.59 Mobile Safari/537.36
识别浏览器内核
常见的内核有Trident、Gecko和Webkit
[注意]因为Trident和Webkit的用户代理字符串中可能会出现 like Gecko的字眼，所以最后再测Gecko
function whichEngine(){
var ua = navigator.userAgent;
//Trident内核
if(/Trident/.test(ua)){
return "Trident";
}
//Webkit内核
if(/WebKit/.test(ua)){
return "WebKit";
}
//Gecko内核
if(/Gecko/.test(ua)){
return "Gecko";
}
}
console.log(whichEngine());//IE11下显示"Trident"
识别浏览器版本
【1】IE
IE3-IE10都可以通过MSIE的版本号来判断，因为有的IE11并不出现MSIE字符，且safari中也有rv字段，所以IE11需要通过rv后的版本号和Trident来配合判断
function isIE(){
var ua = navigator.userAgent;
//检测Trident引擎，IE8+
if(/Trident/.test(ua)){
//IE11+
if(/rv:(d+)/.test(ua)){
return RegExp["$1"];
}
//IE8-IE10
if(/MSIE (d+)/.test(ua)){
return RegExp["$1"];
}
}
//检测IE标识，IE7-
if(/MSIE (d+)/.test(ua)){
return RegExp["$1"];
}
}
console.log(isIE());//只有IE会返回版本号，其他浏览器都返回undefined
【2】chrome
function isChrome(){
var ua = navigator.userAgent;
//先排除opera,因为opera只是在chrome的userAgent后加入了自己的标识
if(!/OPR/.test(ua)){
if(/Chrome/(S+)/.test(ua)){
return RegExp["$1"];
}
}
}
console.log(isChrome());//只有Chrome会返回版本号45.0.2454.93，其他浏览器都返回undefined
【3】safari
function isSafari(){
var ua = navigator.userAgent;
//先排除opera
if(!/OPR/.test(ua)){
//检测出chrome和safari浏览器
if(/Safari/.test(ua)){
//检测出safari
if(/Version/(S+)/.test(ua)){
return RegExp["$1"];
}
}
}
}
console.log(isSafari());//只有safari会返回版本号5.1.7，其他浏览器都返回undefined
【4】firefox
function isFireFox(){
if(/Firefox/(S+)/.test(navigator.userAgent)){
return RegExp["$1"];
}
}
console.log(isFireFox());//只有firefox会返回版本号40.0，其他浏览器都返回undefined
【5】opera
function isOpera(){
if(/OPR/(S+)/.test(navigator.userAgent)){
return RegExp["$1"];
}
}
console.log(isOpera());//只有opera会返回版本号32.0.1948.25，其他浏览器都返回undefined
识别操作系统
使用navigator.platform检测操作系统更加简单，因为其可能包括的值为“Win32”、“Win64”、“MacPPC”、“MacIntel”、“X11”和"Linux i686"等，且在不同浏览器中是一致的。
而通过navigator.userAgent可以来得到window系统的详细信息。
windows版本 -> 内核版本 Windows XP -> 5.1 Windows Vista -> 6.0 Windows 7 -> 6.1 Windows 8 -> 6.2 Windows 8.1 -> 6.3 Windows 10技术预览版
-> 6.4 Windows 10(Build 9880+) -> 10
function whichSyStem(){
var ua = navigator.userAgent;
var pf = navigator.platform;
if(/Mac/.test(pf)){
return "Mac";
}
if(/X11/.test(pf) || /Linux/.test(pf)){
return "Linux";
}
if(/Win/.test(pf)){
if(/Windows NT (d+.d+)/.test(ua)){
switch(RegExp["$1"]){
case "5.0":
return "Windows 2000";
case "5.1":
return "Windows XP";
case "6.0":
return "Windows Vista";
case "6.1":
return "Windows 7";
case "6.2":
return "Windows 8";
case "6.3":
return "Windows 8.1";
case "6.4":
case "10":
return "Windows 10";
}
}
}
}
console.log(whichSyStem())//Windows 7
识别移动端设备
function whichMobile(){
var ua = navigator.userAgent;
if(/iPhone OS (d+_d+)/.test(ua)){
return 'iPhone Mac' + RegExp.$1.replace("_",".");
}
if(/iPad.+OS (d+_d+)/.test(ua)){
return 'iPad Mac' + RegExp.$1.replace("_",".")
}
if(/Android (d+.d+)/.test(ua)){
return 'Android' + RegExp["$1"];
}
}
console.log(whichMobile())//Android 5.1
有用 | 无用
用户代理字符串:navigator.userAgent
HTTP规范明确规定，浏览器应该发送简短的用户代理字符串，指明浏览器的名称和版本号。但现实中却没有这么简单。
发展历史
【1】1993年美国NCSA国家超级计算机中心发布了世界上第一款web浏览器Mosaic，该浏览器的用户代理字符串为Mosaic/0.9
【2】Netscape公司进入浏览器开发领域，将自己产品的代号定名了Mozilla(Mosaic Killer)的简写，用户代理字符串格式为Mozilla/版本号 [语言] (平台；加密类型)
【3】IE发布的第一款赢得用户广泛认可的web浏览器IE3，当时Netscap已经占据了绝对市场份额，为了让服务器能够检测到IE，IE将用户代理字符串修改成兼容Netscape的形式:Mozilla/2.0(compatible;MSIE版本号；操作系统)
【4】各浏览器陆续出现，用户代理字符串的显示格式也越来越类似……
测试工具
利用各桌面浏览器调试工具，主要是IE调试工具及chrome的emulation手机调试工具
桌面端测试结果
【1】IE
[1.1]IE3
Mozilla/2.0 (compatible; MSIE3.02; windows 95)
[1.2]IE6
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)
[1.3]IE7
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0)
[1.4]IE8
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0)
[1.5]IE9
Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0)
[1.6]IE10
Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)
[1.7]IE11
Mozilla/5.0 (MSIE 9.0; Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET
CLR 3.0.30729; .NET4.0C; .NET4.0E; InfoPath.3; GWX:QUALIFIED; rv:11.0) like Gecko
【2】chrome
Mozilla/5.0 (Windows NT 6.1; WOW64)G AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.93 Safari/537.36
【3】safari
Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/534.57.2 (KHTML, like Gecko) Version/5.1.7 Safari/534.57.2
【4】firefox
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:40.0) Gecko/20100101 Firefox/40.0
【5】opera
Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.85 Safari/537.36 OPR/32.0.1948.25
移动端测试结果
【1】ipad
Mozilla/5.0 (iPad; CPU OS 7_0 like Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko) Version/7.0 Mobile/11A465 Safari/9537.53
【2】iphone
Mozilla/5.0 (iPhone; CPU iPhone OS 8_0 like Mac OS X) AppleWebKit/600.1.3 (KHTML, like Gecko) Version/8.0 Mobile/12A4345d Safari/600.1.4
【3】android
Mozilla/5.0 (Linux; Android 4.2.2; GT-I9505 Build/JDQ39) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.59 Mobile Safari/537.36
识别浏览器内核
常见的内核有Trident、Gecko和Webkit
[注意]因为Trident和Webkit的用户代理字符串中可能会出现 like Gecko的字眼，所以最后再测Gecko
function whichEngine(){
var ua = navigator.userAgent;
//Trident内核
if(/Trident/.test(ua)){
return "Trident";
}
//Webkit内核
if(/WebKit/.test(ua)){
return "WebKit";
}
//Gecko内核
if(/Gecko/.test(ua)){
return "Gecko";
}
}
console.log(whichEngine());//IE11下显示"Trident"
识别浏览器版本
【1】IE
IE3-IE10都可以通过MSIE的版本号来判断，因为有的IE11并不出现MSIE字符，且safari中也有rv字段，所以IE11需要通过rv后的版本号和Trident来配合判断
function isIE(){
var ua = navigator.userAgent;
//检测Trident引擎，IE8+
if(/Trident/.test(ua)){
//IE11+
if(/rv:(d+)/.test(ua)){
return RegExp["$1"];
}
//IE8-IE10
if(/MSIE (d+)/.test(ua)){
return RegExp["$1"];
}
}
//检测IE标识，IE7-
if(/MSIE (d+)/.test(ua)){
return RegExp["$1"];
}
}
console.log(isIE());//只有IE会返回版本号，其他浏览器都返回undefined
【2】chrome
function isChrome(){
var ua = navigator.userAgent;
//先排除opera,因为opera只是在chrome的userAgent后加入了自己的标识
if(!/OPR/.test(ua)){
if(/Chrome/(S+)/.test(ua)){
return RegExp["$1"];
}
}
}
console.log(isChrome());//只有Chrome会返回版本号45.0.2454.93，其他浏览器都返回undefined
【3】safari
function isSafari(){
var ua = navigator.userAgent;
//先排除opera
if(!/OPR/.test(ua)){
//检测出chrome和safari浏览器
if(/Safari/.test(ua)){
//检测出safari
if(/Version/(S+)/.test(ua)){
return RegExp["$1"];
}
}
}
}
console.log(isSafari());//只有safari会返回版本号5.1.7，其他浏览器都返回undefined
【4】firefox
function isFireFox(){
if(/Firefox/(S+)/.test(navigator.userAgent)){
return RegExp["$1"];
}
}
console.log(isFireFox());//只有firefox会返回版本号40.0，其他浏览器都返回undefined
【5】opera
function isOpera(){
if(/OPR/(S+)/.test(navigator.userAgent)){
return RegExp["$1"];
}
}
console.log(isOpera());//只有opera会返回版本号32.0.1948.25，其他浏览器都返回undefined
识别操作系统
使用navigator.platform检测操作系统更加简单，因为其可能包括的值为“Win32”、“Win64”、“MacPPC”、“MacIntel”、“X11”和"Linux i686"等，且在不同浏览器中是一致的。
而通过navigator.userAgent可以来得到window系统的详细信息。
windows版本 -> 内核版本 Windows XP -> 5.1 Windows Vista -> 6.0 Windows 7 -> 6.1 Windows 8 -> 6.2 Windows 8.1 -> 6.3 Windows 10技术预览版
-> 6.4 Windows 10(Build 9880+) -> 10
function whichSyStem(){
var ua = navigator.userAgent;
var pf = navigator.platform;
if(/Mac/.test(pf)){
return "Mac";
}
if(/X11/.test(pf) || /Linux/.test(pf)){
return "Linux";
}
if(/Win/.test(pf)){
if(/Windows NT (d+.d+)/.test(ua)){
switch(RegExp["$1"]){
case "5.0":
return "Windows 2000";
case "5.1":
return "Windows XP";
case "6.0":
return "Windows Vista";
case "6.1":
return "Windows 7";
case "6.2":
return "Windows 8";
case "6.3":
return "Windows 8.1";
case "6.4":
case "10":
return "Windows 10";
}
}
}
}
console.log(whichSyStem())//Windows 7
识别移动端设备
function whichMobile(){
var ua = navigator.userAgent;
if(/iPhone OS (d+_d+)/.test(ua)){
return 'iPhone Mac' + RegExp.$1.replace("_",".");
}
if(/iPad.+OS (d+_d+)/.test(ua)){
return 'iPad Mac' + RegExp.$1.replace("_",".")
}
if(/Android (d+.d+)/.test(ua)){
return 'Android' + RegExp["$1"];
}
}
console.log(whichMobile())//Android 5.1
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- QQ登录背景闪动效果附效果演示源码下载
- jQuery实现气球弹出框式的侧边导航菜单效果
- jQuery实现Tab菜单滚动切换的方法
- 基于JQuery和CSS3实现仿Apple TV海报背景视觉差特效源码分享
- Java Mybatis框架入门基础教程
- JS实现仿微博可关闭弹出层效果
- jQuery+HTML5美女瀑布流布局实现方法
- JavaScript实现网页加载进度条代码超简单
- Javascript验证方法大全
- JavaScript验证Email(3种方法)
- 基于jQuery实现多层次的手风琴效果附源码
- 基于insertBefore制作简单的循环插空效果
- JS实现适合于后台使用的动画折叠菜单效果
- jQuery实现响应鼠标滚动的动感菜单效果
- JS+CSS实现简单的二级下拉导航菜单效果
- JS实现超简单的仿QQ折叠菜单效果
- 基于replaceChild制作简单的吞噬特效
- 基于jQuery Circlr插件实现产品图片360度旋转
- 基于JQuery实现仿网易邮箱全屏动感滚动插件fullPage