JS 获取当前浏览器版本，验证浏览器版本是否高于谷歌80

原来的在用的方法是直接截取谷歌浏览器版本的前两位版本号，今天突然有用户反馈说报浏览器版本过低，一看发现谷歌浏览器已经发布了100+版本，更换取版本号的逻辑在此记录。

获取浏览器版本信息

const appVersion = navigator.appVersion //获取浏览器版本信息

 

获取以谷歌浏览器信息开始的字符串

const index = appVersion.indexOf('Chrome/') //谷歌浏览器的版本信息位置
const ChromeStr = appVersion.substring(index + 7, appVersion.length) //以谷歌浏览器信息开始的字符串('Chrome/'占7个字符)

 

 获取谷歌浏览器大版本号

const index_point = ChromeStr.indexOf('.') //第一个.的位置
const ChromeVersions = ChromeStr.substring(0, index_point) //谷歌浏览器大版本号

 

 完整代码

/**
 * @description: 验证浏览器版本是否高于谷歌80
 * @return {Boolean}
 */
getBrowserVersion() {
  const appVersion = navigator.appVersion //获取浏览器版本信息
  const index = appVersion.indexOf('Chrome/') //谷歌浏览器的版本信息位置
  const ChromeStr = appVersion.substring(index + 7, appVersion.length) //以谷歌浏览器信息开始的字符串('Chrome/'占7个字符)
  const index_point = ChromeStr.indexOf('.') //第一个.的位置
  const ChromeVersions = ChromeStr.substring(0, index_point) //谷歌浏览器大版本号

  if (appVersion.includes('Chrome')) {
    //包含Chrome字样则判断版本
    if (ChromeVersions >= 80) {
      return true
    } else {
      return false
    }
  } else {
    //不包含Chrome字样直接返回false
    return false
  }
},