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 相关文章推荐
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
Jan 12 Javascript
Node.js中常规的文件操作总结
Oct 13 Javascript
Bootstrap3 图片(响应式图片&图片形状)
Jan 04 Javascript
AngularJS+Bootstrap3多级导航菜单的实现代码
Aug 16 Javascript
vue-cli 使用vue-bus来全局控制的实例讲解
Sep 15 Javascript
vue中设置、获取、删除cookie的方法
Sep 21 Javascript
Angular2使用SVG自定义图表(条形图、折线图)组件示例
May 10 Javascript
在Vue环境下利用worker运行interval计时器的步骤
Aug 01 Javascript
JS 自执行函数原理及用法
Aug 05 Javascript
p5.js实现故宫橘猫赏秋图动画
Oct 23 Javascript
es6数组includes()用法实例分析
Apr 18 Javascript
jQuery ajax - getScript() 方法和getJSON方法
May 14 jQuery
轻松掌握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 开源框架22个简单简介
2009/08/24 PHP
PHP树-不需要递归的实现方法
2016/06/21 PHP
基于php(Thinkphp)+jquery 实现ajax多选反选不选删除数据功能
2017/02/24 PHP
javascript 写的一个简单的timer
2009/07/30 Javascript
jquery通过visible来判断标签是否显示或隐藏
2014/05/08 Javascript
JavaScript函数获取事件源的小例子
2014/05/14 Javascript
探寻Javascript执行效率问题
2014/11/12 Javascript
javascript进行四舍五入方法汇总
2014/12/16 Javascript
关于Bootstrap弹出框无法调用问题的解决办法
2016/03/10 Javascript
javascript拖拽应用实例(二)
2016/03/25 Javascript
jQuery解析XML 详解及方法总结
2016/09/28 Javascript
JS中把函数作为另一函数的参数传递方法(总结)
2017/06/28 Javascript
nodejs对express中next函数的一些理解
2017/09/08 NodeJs
JavaScript动态绑定详解
2017/09/14 Javascript
详解使用webpack打包编写一个vue-toast插件
2017/11/08 Javascript
vue axios数据请求及vue中使用axios的方法
2018/09/10 Javascript
微信小程序里引入SVG矢量图标的方法
2019/09/20 Javascript
浅谈Vue 自动化部署打包上线
2020/06/14 Javascript
在vue中created、mounted等方法使用小结
2020/07/21 Javascript
如何使用gpu.js改善JavaScript的性能
2020/12/01 Javascript
python使用fileinput模块实现逐行读取文件的方法
2015/04/29 Python
python3中str(字符串)的使用教程
2017/03/23 Python
python整小时 整天时间戳获取算法示例
2019/02/20 Python
Django自定义模板过滤器和标签的实现方法
2019/08/21 Python
numpy:np.newaxis 实现将行向量转换成列向量
2019/11/30 Python
Python 利用argparse模块实现脚本命令行参数解析
2020/12/28 Python
浅谈cookie和localStorage那些事
2019/08/27 HTML / CSS
html5中为audio标签增加停止按钮动作实现方法
2013/01/04 HTML / CSS
美国羊皮公司:Overland
2018/01/15 全球购物
TALLY WEiJL法国网上商店:服装、时装及配饰
2019/08/31 全球购物
大一自我鉴定范文
2013/12/27 职场文书
小学生家长寄语
2014/04/02 职场文书
2015年超市工作总结范文
2015/05/26 职场文书
一篇文章搞懂python混乱的切换操作与优雅的推导式
2021/08/23 Python
详解Oracle数据库中自带的所有表结构(sql代码)
2021/11/20 Oracle
基于Python实现西西成语接龙小助手
2022/08/05 Golang