浏览器检测流程
1. 识别呈现引擎（也就是内核）
主要分为这么几大引擎：
| 内核 | 浏览器 |
|---|---|
| webkit | chrome、Safari |
| trident | IE |
| gecko | firefox |
| presto | opera |
| KHTML | Konqueror（是与KDE Linux集成的浏览器，只在linux下使用） |
注意： 要正确的识别引擎，关键是检测顺序要正确
检测顺序：
-
首先检测Opera，通过window.opera；
if (window.opera) { engine.ver = window.opera.version(); //获取版本的字符串 engine.opera = parserFloat(engine.ver); // 保存浮点数值的版本 }
因为Opera会隐藏自己的代理字符串或者模仿其他浏览器的，因此必须先通过window.opera检测Opera
-
第二 检测Webkit
注意：Webkit中包含有“gecko”和“KHTML”这两个字符串，所以不能检测这两个字符串，不过“AppleWebKit”这个字符串是独一无二的，因此可以检测它来判断是否为Webkit内核
var ua = navigator.userAgent;
if (/AppleWebKit\/(\S+)/.test(ua)) {
engine.ver = RegExp["$1"]; //通过捕获组获取版本号
engine.webkit = parseFloat(engine.ver);
}
-
第三检测KHTML
因为KHTML的用户代理字符串中也包含了“Gecko”，因此在判断出KHTML之前无法检测出基于“Gecko”的浏览器
if (/KHTML\/(\S+)/.test(ua) || /Konqueror\/ ([^;]+)/.test(ua)) {
engine.ver = RegExp["$1"];
engine.khtml = parseFloat(engine.ver);
}
-
第四检测Opera
if (/rv:([^\)]\) Gecko\/\d{8}/.test(ua)) { engine.ver = RegExp["$1"]; engine.gecko = parseFloat(engine.ver); } -
最后检测IE
if (/MSIE ([^;]+)/.test(ua)) { engine.ver = RegExp["$1"]; engine.ie = parseFloat(engine.ver); }
2. 识别浏览器
3. 识别平台
4. 识别windows系统
5. 识别移动设备
6. 识别游戏系统
参考：《JavaScript高级程序设计 第三版》
