专栏首页OECOM通过js来获取所使用的浏览器名称和版本号

通过js来获取所使用的浏览器名称和版本号

2015-05-05 09:07:32

昨天晚上加班加到了两点半,困扰我最大的就是浏览器的兼容问题。无奈,一些网页效果只能通过判断是何种浏览器来进行选择不同的方法来解决了。网上大堆资料都有一个关键词是 navigator.appName,但是这个方法获取的浏览器的名字只有两种要么是IE要么就是Netscap,倒是可以用来判断是否使用了IE,但是我想获取具体的浏览器产品名字比如  Firefox,Chrome等。所以只好通过navigator.userAgent,但是这个字符串是非常长的,分析他的特征,通过正则表达式来解决这个问题是不错的方法。

1) 获取浏览器名字+版本字符串

function getBrowserInfo() { var agent = navigator.userAgent.toLowerCase() ;

var regStr_ie = /msie [\d.]+;/gi ; var regStr_ff = /firefox\/[\d.]+/gi var regStr_chrome = /chrome\/[\d.]+/gi ; var regStr_saf = /safari\/[\d.]+/gi ; //IE if(agent.indexOf("msie") > 0) { return agent.match(regStr_ie) ; }

//firefox if(agent.indexOf("firefox") > 0) { return agent.match(regStr_ff) ; }

//Chrome if(agent.indexOf("chrome") > 0) { return agent.match(regStr_chrome) ; }

//Safari if(agent.indexOf("safari") > 0 && agent.indexOf("chrome") < 0) { return agent.match(regStr_saf) ; }

}

(2)然后获取版本号

var browser = getBrowserInfo() ; //alert(browser); var verinfo = (browser+"").replace(/[^0-9.]/ig,"");

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • flutter dart日期类型操作

    dart的日期类型和js有相通的地方,但也有很大的不同,个人感觉比js的api要好用一些。dart的日期对象是DateTime,下面来逐步介绍一下其api的使用...

    无邪Z
  • flutter dart日期类型操作

    dart的日期类型和js有相通的地方,但也有很大的不同,个人感觉比js的api要好用一些。dart的日期对象是DateTime,下面来逐步介绍一下其api的使用...

    无邪Z
  • 基于swiper的手机移动端上下滑动效果

    我前几篇文章中我介绍过一种手机移动端上下滑动的效果,那个效果是通过zepto来实现的,今天我来介绍一种基于swiper实现手机端上下滑动的效果。我先来贴出bod...

    无邪Z
  • 归一化vs标准化,哪个更好

    众所周知,特征工程是将原始数据转换为数据集的过程。有各种可用的功能工程技术。两种最广泛使用且最容易混淆的特征工程技术是:

    deephub
  • 同时用R语言和Python爬取知乎美图

    学习Python已有两月有余,是时候检验下学习效果了,之前练习了不少R语言数据爬取,Python的爬虫模块还没有来得及认真入门,乱拼乱凑就匆忙的开始了,今天就尝...

    数据小磨坊
  • 归一化和标准化的一些理解

    很多的时候我发现很多人和我一样我对机器学习的基本概念一知半解,比如我经常会听到归一化及标准化,傻傻分不清楚。最近看了一篇文章清楚的阐述了归一化和标准化的定义、适...

    云时之间
  • 我想要系统一点的教程?现在这些太零散了。

    a:有xxx的教程吗? b:给你,xxx教程.rar,下吧,先把文档撸一遍。 a:你这种的百度太多了,我想要系统一点的教程。 ... 上面这类谈话,相信许多人都...

    web前端教室
  • SAP UI 搜索分页技术

    版权声明:本文为博主汪子熙原创文章,未经博主允许不得转载。 https://jerry.blog....

    Jerry Wang
  • Spark系列——Spark On Yarn 资源申请流程

    到这里我们也基本讲明白了 Yarn-Client 模式的资源申请了, 但是说的比较浅,没有涉及到很多细节, 说来也比较惭愧,Spark 的 Standalo...

    solve
  • 字符串的这个东西-翻译表

    不知道大家是否见过这个东西,反正我清楚记得我是见过的,可是为什么会写这个东西?有以下一个场景:

    py3study

扫码关注云+社区

领取腾讯云代金券