获取浏览器的类型和版本

Navigator对象中包含了浏览器相关的信息,其中userAgent,返回的是客户端发送服务端的user-agent头部的值

function getBrowserTypeAndVersion() {

        var sys = {},

          content = navigator.userAgent.toLowerCase(),

          r;

        (r = content.match(/rv:([\d.]+)\) like gecko/)) ? sys.ie = s[1]:

          (r = content.match(/msie ([\d\.]+)/)) ? sys.ie = s[1] :

          (r = content.match(/edge\/([\d\.]+)/)) ? sys.edge = s[1] :

          (r = content.match(/firefox\/([\d\.]+)/)) ? sys.firefox = s[1] :

          (r = content.match(/(?:opera|opr).([\d\.]+)/)) ? sys.opera = s[1] :

          (r = content.match(/chrome\/([\d\.]+)/)) ? sys.chrome = s[1] :

          (r = content.match(/version\/([\d\.]+).*safari/)) ? sys.safari = s[1] : 0;

        // 根据关系进行判断

        if (sys.ie) return ('IE: ' + sys.ie)

        if (sys.edge) return ('EDGE: ' + sys.edge)

        if (sys.firefox) return ('Firefox: ' + sys.firefox)

        if (sys.chrome) return ('Chrome: ' + sys.chrome)

        if (sys.opera) return ('Opera: ' + sys.opera)

        if (sys.safari) return ('Safari: ' + sys.safari)

        return 'Unkonwn'

      }

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

相关阅读更多精彩内容

  • 前言 作为战斗在业务一线的前端,要想少加班,就要想办法提高工作效率。这里提一个小点,我们在业务开发过程中,经常会重...
    农林卧夫阅读 480评论 0 0
  • 作为战斗在业务一线的前端,要想少加班,就要想办法提高工作效率。这里提一个小点,我们在业务开发过程中,经常会重复用到...
    Calvin李阅读 577评论 0 1
  • 一、基础知识篇:Http Header之User-AgentUser Agent中文名为用户代理,是Http协议中...
    iPhone阅读 16,233评论 0 13
  • 浏览器发展史 现在浏览器已经成为网上生活的重要家园和工具。而从1991年,Web之父Tim Berners-Lee...
    波段顶底阅读 17,895评论 6 86
  • 冬天的小雨,淅淅沥沥,看不见,摸不着。白天,无法从地上的一小滩水,知道它的存在。入夜,从车灯前看过去密密麻麻,像透...
    青依小旦阅读 872评论 5 5

友情链接更多精彩内容