用户代理检测

浏览器检测流程

1. 识别呈现引擎(也就是内核)

主要分为这么几大引擎:

内核 浏览器
webkit chrome、Safari
trident IE
gecko firefox
presto opera
KHTML Konqueror(是与KDE Linux集成的浏览器,只在linux下使用)

注意: 要正确的识别引擎,关键是检测顺序要正确
检测顺序:

  1. 首先检测Opera,通过window.opera;
    if (window.opera) {
      engine.ver = window.opera.version();  //获取版本的字符串
      engine.opera = parserFloat(engine.ver);    // 保存浮点数值的版本
    }
    

因为Opera会隐藏自己的代理字符串或者模仿其他浏览器的,因此必须先通过window.opera检测Opera

  1. 第二 检测Webkit
    注意:Webkit中包含有“gecko”和“KHTML”这两个字符串,所以不能检测这两个字符串,不过“AppleWebKit”这个字符串是独一无二的,因此可以检测它来判断是否为Webkit内核
var ua = navigator.userAgent;
if (/AppleWebKit\/(\S+)/.test(ua)) {
    engine.ver = RegExp["$1"];    //通过捕获组获取版本号
    engine.webkit = parseFloat(engine.ver);
}
  1. 第三检测KHTML
    因为KHTML的用户代理字符串中也包含了“Gecko”,因此在判断出KHTML之前无法检测出基于“Gecko”的浏览器
if (/KHTML\/(\S+)/.test(ua) || /Konqueror\/ ([^;]+)/.test(ua)) {
    engine.ver = RegExp["$1"];
    engine.khtml = parseFloat(engine.ver);
}
  1. 第四检测Opera
     if (/rv:([^\)]\) Gecko\/\d{8}/.test(ua)) {
         engine.ver = RegExp["$1"];
         engine.gecko = parseFloat(engine.ver);
     }
    
  2. 最后检测IE
    if (/MSIE ([^;]+)/.test(ua)) {
          engine.ver = RegExp["$1"];
          engine.ie = parseFloat(engine.ver);
    }
    

2. 识别浏览器

3. 识别平台

4. 识别windows系统

5. 识别移动设备

6. 识别游戏系统

参考:《JavaScript高级程序设计 第三版》

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容