JS获取当前使用的浏览器名字以及版本号实现方法


Posted in Javascript onAugust 19, 2016

工作中需要通过JS去获取当前使用的浏览器的名字以及版本号,网上大堆资料都有一个关键词是 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) ;
}

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

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

}

(2)然后获取版本号

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

以上这篇JS获取当前使用的浏览器名字以及版本号实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
快速保存网页中所有图片的方法
Jun 23 Javascript
JavaScript中继承的一些示例方法与属性参考
Aug 07 Javascript
基于Bootstrap的网页设计实例
Mar 01 Javascript
Vuejs实现购物车功能
Nov 05 Javascript
Swiper 4.x 使用方法(移动端网站的内容触摸滑动)
May 17 Javascript
vue elementUI table表格数据 滚动懒加载的实现方法
Apr 04 Javascript
jquery登录的异步验证操作示例
May 09 jQuery
解决layui 三级联动下拉框更新时回显的问题
Sep 03 Javascript
微信小程序开发(一):服务器获取数据列表渲染操作示例
Jun 01 Javascript
使用JavaScript和MQTT开发物联网应用示例解析
Aug 07 Javascript
vue+canvas实现拼图小游戏
Sep 18 Javascript
vue项目中企业微信使用js-sdk时config和agentConfig配置方式详解
Dec 15 Vue.js
js 获取当前web应用的上下文路径实现方法
Aug 19 #Javascript
AngularJS入门教程之路由与多视图详解
Aug 19 #Javascript
AngularJS入门教程之链接与图片模板详解
Aug 19 #Javascript
AngularJS之依赖注入模拟实现
Aug 19 #Javascript
AngularJS入门教程之XHR和依赖注入详解
Aug 18 #Javascript
JavaScript中函数声明与函数表达式的区别详解
Aug 18 #Javascript
Javascript中apply、call、bind的巧妙使用
Aug 18 #Javascript
You might like
php数组应用之比较两个时间的相减排序
2008/08/18 PHP
php 网页播放器用来播放在线视频的代码(自动判断并选择视频文件类型)
2010/06/03 PHP
PHP实现根据设备类型自动跳转相应页面的方法
2014/07/24 PHP
php有道翻译api调用方法实例
2014/12/22 PHP
smarty模板引擎中内建函数if、elseif和else的使用方法
2015/01/22 PHP
PHP面向对象编程之深入理解方法重载与方法覆盖(多态)
2015/12/24 PHP
PHP PDOStatement::setFetchMode讲解
2019/02/03 PHP
jquery焦点图片切换(数字标注/手动/自动播放/横向滚动)
2013/01/24 Javascript
图片轮换效果实现代码(点击按钮停止执行)
2013/04/12 Javascript
JavaScript中判断对象类型的几种方法总结
2013/11/11 Javascript
jquery选择器排除某个DOM元素的方法(实例演示)
2014/04/25 Javascript
nodejs微信公众号支付开发
2016/09/19 NodeJs
js封装tab标签页实例分享
2016/12/19 Javascript
关于在mongoose中填充外键的方法详解
2017/08/14 Javascript
vue scroller返回页面记住滚动位置的实例代码
2018/01/29 Javascript
js将URL网址转为16进制加密与解密函数
2020/03/04 Javascript
Vue生命周期activated之返回上一页不重新请求数据操作
2020/07/26 Javascript
vue中touch和click共存的解决方式
2020/07/28 Javascript
uni-app使用countdown插件实现倒计时
2020/11/01 Javascript
python迭代器的使用方法实例
2013/11/21 Python
python装饰器使用方法实例
2013/11/21 Python
python web框架学习笔记
2016/05/03 Python
Pycharm无法使用已经安装Selenium的解决方法
2018/10/13 Python
对numpy中数组转置的求解以及向量内积计算方法
2018/10/31 Python
python中urllib.request和requests的使用及区别详解
2020/05/05 Python
CSS3制作圆形滚动进度条动画的示例
2020/11/05 HTML / CSS
Jabra捷波朗美国官网:用于办公、车载和运动的无线蓝牙耳麦
2017/02/01 全球购物
意大利领先的奢侈品在线时装零售商:MCLABELS
2020/10/13 全球购物
华为慧通笔试题
2016/04/22 面试题
下述程序的作用是计算机数组中的最大元素值及其下标
2012/11/26 面试题
内部类的定义、种类以及优点
2013/10/16 面试题
经理秘书岗位职责
2013/11/14 职场文书
2014年后备干部工作总结
2014/12/08 职场文书
养成教育工作总结
2015/08/13 职场文书
教师节主题班会方案
2015/08/17 职场文书
Java界面编程实现界面跳转
2022/06/16 Java/Android