js判断主流浏览器类型和版本号的简单实现代码


Posted in Javascript onMay 26, 2016

如今的互联网中,浏览器可以说是太多太多了,但是大部分都是换壳不换心,基本上主流的浏览器还是火狐,谷歌,IE,safrai这几种比较常见,所以在我们的开发中,有时候需要遇到判断用户正在使用什么浏览器以及使用的版本是多少,并根据返回值,给予一定的提示,下面,我就简单的介绍一种判断用户浏览器的使用情况的代码。

var distinguishBrowser= function browserInfo() {
      var browser = {
//            IE浏览器
            msie: false,
//            谷歌浏览器
            chrome: false,
//            火狐浏览器
            firefox: false,
//            opera浏览器
            opera: false,
//             safrai浏览器
            safari: false,
//            正在使用的浏览器的名字
            name: 'unknown',
//            正使用浏览器的版本号
            version: 0
          },
          userAgent = window.navigator.userAgent.toLowerCase();
//      使用正则对用户当前浏览器进行判断
      if (/(msie|chrome|firefox|opera|netscape)\D+(\d[\d.]*)/.test(userAgent)) {
        browser[RegExp.$1] = true;
        browser.name = RegExp.$1;
        browser.version = RegExp.$2;
      } else if (/version\D+(\d[\d.]*).*safari/.test(userAgent)) {
        browser.safari = true;
        browser.name = 'safari';
        browser.version = RegExp.$2;
      }
      return browser;
    }

    var browserr = browserInfo();
    if (mybi.msie) {
      console.log(browserr.version);
    } else {
      console.log(browserr.name + ' ' + browserr.version);
    }

  })()

以上这篇js判断主流浏览器类型和版本号的简单实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js中indexof的用法详细解析
Dec 24 Javascript
jQuery实现带有动画效果的回到顶部和底部代码
Nov 04 Javascript
AngularJS实现数据列表的增加、删除和上移下移等功能实例
Sep 05 Javascript
AngularJS定时器的使用与移除操作方法【interval与timeout】
Dec 14 Javascript
Javascript实现倒计时时差效果
May 18 Javascript
Angular 2父子组件之间共享服务通信的实现
Jul 04 Javascript
用js实现before和after伪类的样式修改的示例代码
Sep 07 Javascript
微信小程序日历插件代码实例
Dec 04 Javascript
微信小程序利用云函数获取手机号码
Dec 17 Javascript
微信小程序实现选择地址省市区三级联动
Jun 21 Javascript
vue 中的动态传参和query传参操作
Nov 09 Javascript
JavaScript实现网页下拉菜单效果
Nov 20 Javascript
轻松掌握JavaScript中的Math object数学对象
May 26 #Javascript
JS表格组件神器bootstrap table详解(强化版)
May 26 #Javascript
JS在一定时间内跳转页面及各种刷新页面的实现方法
May 26 #Javascript
JavaScript的String字符串对象常用操作总结
May 26 #Javascript
jquery.form.js框架实现文件上传功能案例解析(springmvc)
May 26 #Javascript
jQuery过滤特殊字符及JS字符串转为数字
May 26 #Javascript
Bootstrap自定义文件上传下载样式
May 26 #Javascript
You might like
一些关于PHP的知识
2006/11/17 PHP
php生成随机颜色的方法
2014/11/13 PHP
javascript实现仿银行密码输入框效果的代码
2007/12/13 Javascript
js中的string.format函数代码
2020/08/11 Javascript
jQuery图片滚动图片的效果(另类实现)
2013/06/02 Javascript
上传图片js判断图片尺寸和格式兼容IE
2014/09/01 Javascript
JavaScript严格模式禁用With语句的原因
2014/10/20 Javascript
JavaScript静态类型检查工具FLOW简介
2015/01/06 Javascript
浅析JavaScript中的事件机制
2015/06/04 Javascript
轻松掌握JavaScript享元模式
2016/08/27 Javascript
深入理解jquery中的each用法
2016/12/14 Javascript
Vuex和前端缓存的整合策略详解
2017/05/09 Javascript
webpack中使用iconfont字体图标的方法
2018/02/22 Javascript
解决axios发送post请求返回400状态码的问题
2018/08/11 Javascript
JavaScript检查数据中是否存在相同的元素(两种方法)
2018/10/07 Javascript
详解关于element el-button使用$attrs的一个注意要点
2018/11/09 Javascript
详解Vue3.0 前的 TypeScript 最佳入门实践
2019/06/18 Javascript
js实现打字小游戏
2019/12/17 Javascript
用Javascript实现发送短信验证码间隔功能
2021/02/08 Javascript
Python读写Excel文件的实例
2013/11/01 Python
Python 12306抢火车票脚本 Python京东抢手机脚本
2018/02/06 Python
删除DataFrame中值全为NaN或者包含有NaN的列或行方法
2018/11/06 Python
15行Python代码实现网易云热门歌单实例教程
2019/03/10 Python
django restframework serializer 增加自定义字段操作
2020/07/15 Python
Python 按比例获取样本数据或执行任务的实现代码
2020/12/03 Python
CSS3 选择器 基本选择器介绍
2012/01/21 HTML / CSS
css 省略号 css3让多余的字符串消失并附加省略号的实现代码
2013/02/07 HTML / CSS
html5的自定义data-*属性与jquery的data()方法的使用
2014/07/02 HTML / CSS
Mountain Warehouse德国官网:英国户外零售商
2019/08/11 全球购物
运行时异常与一般异常有何异同?
2014/01/05 面试题
jQuery treeview树形结构应用
2021/03/24 jQuery
餐饮业的创业计划书范文
2013/12/26 职场文书
大学生村官演讲稿
2014/04/25 职场文书
幼儿园见习报告
2014/10/30 职场文书
高一地理教学工作总结
2015/08/12 职场文书
使用SQL实现车流量的计算的示例代码
2022/02/28 SQL Server