JS判断浏览器类型与操作系统的方法分析

本文实例讲述了js判断浏览器类型与操作系统的方法。分享给大家供大家参考，具体如下：

navigator.useragent : useragent 属性是一个只读的字符串，声明了浏览器用于 http 请求的用户代理头的值。

navigator.platform : platform 属性是一个只读的字符串，声明了运行浏览器的操作系统和（或）硬件平台。

判断浏览器类型

ie浏览器

ie = ua.match( /msie\s([\d\.]+)/ ) || ua.match( /(?:trident)(?:.*rv:([\w.]+))?/i ),

ie浏览器版本号

/msie 8.0/.test(navigator.useragent.tolowercase())

微信浏览器

/micromessenger/.test(navigator.useragent.tolowercase())

chrome

/chrome/.test(navigator.useragent.tolowercase())

firefox

/safari/.test(navigator.useragent.tolowercase())

opera

/micromessgenger/.test(navigator.useragent.tolowercase())

判断操作系统类型

win操作系统

 navigator.platform == "win32"
 navigator.platform == "windows"

mac操作系统

   navigator.platform == "mac68k"
   navigator.platform == "macppc"
   navigator.platform == "macintosh"
   navigator.platform == "macintel"

andorid操作系统

   if(/linux/i.test(navigator.useragent)){
     if(/android/i.test(navigator.useragent.tolowercase())){
       return "android";
     }
   }
/**
     * @description 简单的浏览器检查结果。
     *
     * * `webkit` webkit版本号，如果浏览器为非webkit内核，此属性为`undefined`。
     * * `chrome` chrome浏览器版本号，如果浏览器为chrome，此属性为`undefined`。
     * * `ie` ie浏览器版本号，如果浏览器为非ie，此属性为`undefined`。**暂不支持ie10+**
     * * `firefox` firefox浏览器版本号，如果浏览器为非firefox，此属性为`undefined`。
     * * `safari` safari浏览器版本号，如果浏览器为非safari，此属性为`undefined`。
     * * `opera` opera浏览器版本号，如果浏览器为非opera，此属性为`undefined`。
     *
     * @property {object} [browser]
     */
    browser: (function( ua ) {
      var ret = {},
        webkit = ua.match( /webkit\/([\d.]+)/ ),
        chrome = ua.match( /chrome\/([\d.]+)/ ) ||
          ua.match( /crios\/([\d.]+)/ ),

        ie = ua.match( /msie\s([\d\.]+)/ ) ||
          ua.match( /(?:trident)(?:.*rv:([\w.]+))?/i ),
        firefox = ua.match( /firefox\/([\d.]+)/ ),
        safari = ua.match( /safari\/([\d.]+)/ ),
        opera = ua.match( /opr\/([\d.]+)/ );

      webkit && (ret.webkit = parsefloat( webkit[ 1 ] ));
      chrome && (ret.chrome = parsefloat( chrome[ 1 ] ));
      ie && (ret.ie = parsefloat( ie[ 1 ] ));
      firefox && (ret.firefox = parsefloat( firefox[ 1 ] ));
      safari && (ret.safari = parsefloat( safari[ 1 ] ));
      opera && (ret.opera = parsefloat( opera[ 1 ] ));

      return ret;
    })( navigator.useragent ),

    /**
     * @description 操作系统检查结果。
     *
     * * `android` 如果在android浏览器环境下，此值为对应的android版本号，否则为`undefined`。
     * * `ios` 如果在ios浏览器环境下，此值为对应的ios版本号，否则为`undefined`。
     * @property {object} [os]
     */
    os: (function( ua ) {
      var ret = {},

        // osx = !!ua.match( /\(macintosh\; intel / ),
        android = ua.match( /(?:android);?[\s\/]+([\d.]+)?/ ),
        ios = ua.match( /(?:ipad|ipod|iphone).*os\s([\d_]+)/ );

      // osx && (ret.osx = true);
      android && (ret.android = parsefloat( android[ 1 ] ));
      ios && (ret.ios = parsefloat( ios[ 1 ].replace( /_/g, '.' ) ));

      return ret;
    })( navigator.useragent ),

ps：这里再为大家提供几款相关在线工具供大家参考：

在线浏览器信息检测工具：

常用浏览器(pc,移动) user-agent：