美文网首页
获取浏览器版本信息

获取浏览器版本信息

作者: 半夜成仙 | 来源:发表于2021-09-06 11:38 被阅读0次
/*
 * 获取浏览器版本信息
 */
function getBrowerInfo() {
    let userAgent = window.navigator.userAgent.toLowerCase()
    let browserType = ''
    let browserVersion = ''
    let isIE = userAgent.match(/msie/) != null || userAgent.match(/trident/) != null
    // 浏览器类型-IE
    if (userAgent.match(/msie/) != null || userAgent.match(/trident/) != null) {
      browserType = 'IE'
      browserVersion = this.getIeVersion()
    }
    // 欧朋
    else if (window.opera || (userAgent.indexOf("opr") > 0)) {
      browserType = '欧朋'
      browserVersion =  this.getOperaVersion(userAgent)
    }
    // UC
    else if (userAgent.indexOf("ubrowser") > 0) {
      browserType = 'UC'
      browserVersion =  userAgent.match(/ubrowser\/([\d.]+)/)[1]
    }
    // 百度
    else if (userAgent.indexOf("bidubrowser") > 0) {
      browserType = '百度'
      browserVersion =  userAgent.match(/bidubrowser\/([\d.]+)/)[1]
    }
    // 搜狗
    else if (userAgent.indexOf("metasr") > 0 || userAgent.indexOf( "se 2.x" ) > 0 ) {
      browserType = '搜狗'
      // browserVersion =  userAgent.match(/metasr\/([\d.]+)/)[1]
    }
    // QQ
    else if (userAgent.indexOf("tencenttraveler") > 0) {
      browserType = 'QQ'
      browserVersion =  userAgent.match(/tencenttraveler\/([\d.]+)/)[1]
    }
    // QQ
    else if (userAgent.indexOf("qqbrowser") > 0) {
      browserType = 'QQ'
      browserVersion = userAgent.match(/qqbrowser\/([\d.]+)/)[1]
    }
    // 遨游
    else if (userAgent.indexOf("maxthon") > 0) {
      browserType = '遨游'
      browserVersion =  userAgent.match(/maxthon\/([\d.]+)/)[1]
    }
    // 火狐
    else if (userAgent.indexOf("firefox") > 0) {
      browserType = '火狐'
      browserVersion =  userAgent.match(/firefox\/([\d.]+)/)[1]
    }
    // edge
    else if (userAgent.indexOf("edge") > 0) {
      browserType = 'Edge'
      browserVersion =  userAgent.match(/edge\/([\d.]+)/)[1]
    }
    // 谷歌/360
    else if (userAgent.indexOf("chrome") > 0) {
      if (this.validate360('type', 'application/x360mmplugin')) {
        browserType = '360'
        // browserVersion =  userAgent.match(/chrome\/([\d.]+)/)[1]
      } else {
        browserType = '谷歌'
        browserVersion =  userAgent.match(/chrome\/([\d.]+)/)[1]
      }
    }
    // 苹果
    else if (userAgent.indexOf("Safari") > -1) {
      browserType = 'Safari'
      browserVersion =  userAgent.match(/version\/([\d.]+)/)[1]
    }
    return browserType + ' ' + browserVersion
}

/*
 * 获取IE浏览器版本
 */
function getIeVersion() {
    let IEMode = document.documentMode
    let rMsie  = /(msie\s|trident.*rv:)([\w.]+)/;
    let ma = window.navigator.userAgent.toLowerCase()
    let  match  = rMsie.exec(ma);
    try {
      return match[2];
    } catch (e) {
      return IEMode;
    }
}

/*
 * 获取oper浏览器版本
 */ 
getOperaVersion(userAgent) {
    try {
        if (window.opera) {
          return userAgent.match(/opera.([\d.]+)/)[1];
        } else if (userAgent.indexOf("opr") > 0) {
          return userAgent.match(/opr\/([\d.]+)/)[1];
        }
    } catch (e) {
        return 0;
    }
}

/*
 * 判断是否为360浏览器
 */ 
function validate360(option, value) {
    let mimeTypes = window.navigator.mimeTypes
    for (let mt in mimeTypes) {
      console.log(mimeTypes[mt][option])
      if (mimeTypes[mt][option] == value) {
        return true;
      }
    }
    return false;
}

相关文章

  • jquery 工具类函数

    一、获取浏览器的名称与版本信息 在jQuery中,通过$.browser对象可以获取浏览器的名称和版本信息,如$....

  • jQuery常用函数

    1、获取浏览器的名称与版本信息 在jQuery中,通过$.browser对象可以获取浏览器的名称和版本信息 $.b...

  • js如何判断浏览器版本

    获取浏览器版本信息 调用navigator对象的userAgent属性可以获取到浏览器版本,型号,内核,甚至安装的...

  • 获取浏览器版本信息

  • navigator.userAgent

    Navigator 对象包含有关浏览器的信息。navigator.userAgent 获取当前的系统和浏览器版本...

  • JavaScript获取当前浏览器信息(类型和版本)

    这个方法用于获取当前浏览器信息(类型和版本)。 //js code function getInfo(){ var...

  • JS获取浏览器版本信息

    不同浏览器版本可能存在差异,使用时请测试自己的环境 测试时各个浏览器版本 IE: 11.953.14393.0 E...

  • js获取浏览器版本信息

  • 工具函数

    判断当前终端是否PC 判断当前设备平台 判断当前浏览器类型 获取浏览器版本信息 判断是否IphoneX 移动端键盘...

  • 2019-07-05

    [js获取ip地址,操作系统,浏览器版本等信息,可兼容 这次呢,说一下使用js获取用户电脑的ip信息,刚开始只是想...

网友评论

      本文标题:获取浏览器版本信息

      本文链接:https://www.haomeiwen.com/subject/roguwltx.html