js检测浏览器类型以及版本信息

Posted 勇敢*牛牛

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js检测浏览器类型以及版本信息相关的知识,希望对你有一定的参考价值。

js检测浏览器类型以及版本信息

DetectBrowser () 
    const userAgent = window.navigator.userAgent
    const isChrome = userAgent.indexOf('Chrome') > -1 && userAgent.indexOf('Safari') > -1 && userAgent.indexOf('Edge') === -1 && userAgent.indexOf('MetaSr') === -1;
    if(!isChrome)
      this.$message(
          showClose: true,
          message: '您正在使用 非Chrome 浏览器,有些功能暂不支持,可能会影响您的体验,请下载 ',
          type: 'warning',
          center:true,
          duration:0,
          offset:1,
          customClass:"prompt-tip",
          onClose:()=>
            window.open('https://www.google.cn/chrome/')
          
        );
      const list = userAgent.split(' ');
      list.forEach((item: any) => 
        if (item.indexOf('Chrome') !== -1)
          const chromeVersion = item.split('/')[1].split('.')[0]  
          if (Number(chromeVersion)<97)
            this.$message(
              showClose: true,
              message: '您正在使用 低版本Chrome 浏览, 有些功能暂不支持,可能会影响您的体验,请下载',
              type: 'warning',
              duration:0,
              offset:1,
              center:true,
              customClass:"prompt-tip",
              onClose:()=>
                 window.open('https://www.google.cn/chrome/')
              
            );
          
          
        
       
      )
      
    
  

以上是关于js检测浏览器类型以及版本信息的主要内容,如果未能解决你的问题,请参考以下文章

Underscore.js 常用类型判断以及一些有用的工具方法

JavaScript

js检测浏览器类型

javascript 检测浏览类型和版本

JS基础(JavaScript三大特点基本数据类型检测逻辑运算符的短路运算几大循环结构的特点)

JS检测浏览器版本信息(包含IE11),并动态添加样式