navigator对象现在已经成为识别客户端浏览器的事实标准，navigator对象是所有支持javascript的浏览器所共有的。本文将详细介绍navigator对象和用户代理检测
属性
与其他BOM对象的情况一样，每个浏览器中的navigator对象也都有一套自己的属性。下表列出了存在于所有浏览器中的属性和方法，以及支持它们的浏览器版本
属性 说明
appCodeName 浏览器名称[所有浏览器都返回Mozilla]
userAgent 浏览器的用户代理字符串
appVersion 浏览器版本
appMinorVersion 次版本信息[IE返回0，chrome和firefox不支持]
platform 浏览器所在的系统平台[所有浏览器都返回Win32]
plugins 浏览器中安装的插件信息的数组
mimeTypes 在浏览器中注册的MIME类型数组
language 浏览器主语言[IE10-不支持，其他浏览器返回zh-CN]
systemLanguage 操作系统语言[IE返回zh-CN，chrome和firefox不支持]
userLanguage 操作系统默认语言[IE返回zh-CN，chrome和firefox不支持]
product 产品名称[IE10-不支持，其他浏览器返回Gecko]
productSub 产品次要信息[IE不支持，chrome返回20030107，firefox返回20100101]
vendor 浏览器品牌[chrome返回Google Inc.，IE和firefox不支持]
onLine 是否连接因特网[IE根据实际情况返回true或false，chrome和firefox始终返回true]
cookieEnabled 表示cookie是否启用[所有浏览器都返回true]
javaEnabled 是否启用java[IE8-浏览器返回{}，其他浏览器返回function javaEnabled()]
buildID 浏览器编译版本[firefox返回20170125094131，chrome和IE不支持]
cpuClass 计算机使用的CPU类型[IE返回x86，chrome和firefox不支持]
oscpu 操作系统或使用的CPU[firefox返回Windows NT 10.0; WOW64，chrome和IE不支持]
检测插件
检测浏览器插件是一种最常见的检测例程
对于非IE浏览器，可以使用plugins数组来达到这个目的该数组中的每一项都包含下列属性
name:插件的名字
description:插件的描述
filename:插件的文件名
length:插件所处理的MIME类型数量
通过循环迭代每个插件并将插件的name与给定的名字进行比较
function hasPlugin(name){ name = name.toLowerCase(); for(var i = 0; i < navigator.plugins.length; i++){ if(navigator.plugins[i].name.toLowerCase().indexOf(name) > -1){ return true; } } } //检测flash console.log(hasPlugin("Flash"));//true
对于IE浏览器，检测插件的办法是使用专有的ActiveXObject类型，并尝试创建一个特定插件的实例。IE是使用COM对象来实现插件的，而COM对象使用唯一标识符来标识。因此，想检查特定的插件就必须知道其COM标识符。例如，Flash的标识符是ShockwaveFlash.ShockwaveFlash
function hasIEPlugin(name){ try{ new ActiveXObject(name); return true; }catch(ex){ return false; } } //检测Flash console.log(hasIEPlugin("ShockwaveFlash.ShockwaveFlash"))//true
【兼容写法】
//检测非IE中的插件 function hasPlugin(name){ name = name.toLowerCase(); for(var i = 0; i < navigator.plugins.length; i++){ if(navigator.plugins[i].name.toLowerCase().indexOf(name) > -1){ return true; } } } //检测IE中的插件 function hasIEPlugin(name){ try{ new ActiveXObject(name); return true; }catch(ex){ return false; } } function hasFlash(){ var result = hasPlugin("Flash"); if(!result){ result = hasIEPlugin("ShockwaveFlash.ShockwaveFlash"); } return result; } console.log(hasFlash());//true
用户代理检测
navigator对象中最重要的作用就是使用useragent实现用户代理检测。用户代理检测是一种万不得已的做法，优先级排在前面介绍过的能力检测之后
发展历史
1、1993年美国NCSA国家超级计算机中心发布了世界上第一款web浏览器Mosaic，该浏览器的用户代理字符串为Mosaic/0.9