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 相关文章推荐
EasyUI的treegrid组件动态加载数据问题的解决办法
Dec 11 Javascript
Javascript面向对象设计一 工厂模式
Dec 20 Javascript
javascript实现倒计时N秒后网页自动跳转代码
Dec 11 Javascript
Angularjs整合微信UI(weui)
Mar 15 Javascript
值得分享的轻量级Bootstrap Table表格插件
May 30 Javascript
JavaScript交换两个变量值的七种解决方案
Dec 01 Javascript
COM组件中调用JavaScript函数详解及实例
Feb 23 Javascript
vue中用H5实现文件上传的方法实例代码
May 27 Javascript
jQuery自定义多选下拉框效果
Jun 19 jQuery
支付宝小程序自定义弹窗dialog插件的实现代码
Nov 30 Javascript
vue如何使用外部特殊字体的操作
Jul 30 Javascript
详解JVM系列之内存模型
Jun 10 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 str_pad 函数使用详解
2009/01/13 PHP
php中将字符串转为HTML的实体引用的一个类
2013/02/03 PHP
PHP获取中英混合字符串长度的方法
2014/06/07 PHP
thinkphp分页集成实例
2017/07/24 PHP
php session_decode函数用法讲解
2019/05/26 PHP
mouse_on_title.js
2006/08/25 Javascript
AngularJs表单验证实例详解
2016/05/30 Javascript
基于javascript实现的购物商城商品倒计时实例
2016/12/11 Javascript
bootstrap-Treeview实现级联勾选
2017/11/23 Javascript
详解Vue微信授权登录前后端分离较为优雅的解决方案
2018/06/29 Javascript
javascript实现考勤日历功能
2018/11/29 Javascript
Vue 嵌套路由使用总结(推荐)
2020/01/13 Javascript
vuex(vue状态管理)的特殊应用案例分享
2020/03/03 Javascript
javascript实现的图片预览和上传功能示例【兼容IE 9】
2020/05/01 Javascript
详细分析JavaScript中的深浅拷贝
2020/09/17 Javascript
[02:12]DOTA2英雄基础教程 变体精灵
2013/12/16 DOTA
python 中文字符串的处理实现代码
2009/10/25 Python
python使用PyFetion来发送短信的例子
2014/04/22 Python
Python抓取京东图书评论数据
2014/08/31 Python
python实现向ppt文件里插入新幻灯片页面的方法
2015/04/28 Python
python简单猜数游戏实例
2015/07/09 Python
Python利用正则表达式匹配并截取指定子串及去重的方法
2015/07/30 Python
Python结合ImageMagick实现多张图片合并为一个pdf文件的方法
2018/04/24 Python
python面试题Python2.x和Python3.x的区别
2019/05/28 Python
Python利用matplotlib绘制约数个数统计图示例
2019/11/26 Python
Keras 切换后端方式(Theano和TensorFlow)
2020/06/19 Python
目前不被任何主流浏览器支持的CSS3属性汇总
2014/07/21 HTML / CSS
分享29个基于Bootstrap的HTML5响应式网页设计模板
2015/11/19 HTML / CSS
Sunglasses Shop瑞典:欧洲领先的太阳镜网上商店
2018/04/22 全球购物
如何开启linux的ssh服务
2013/06/03 面试题
遗体告别仪式答谢词
2014/01/23 职场文书
红旗团支部事迹材料
2014/01/27 职场文书
群众路线党员个人整改措施
2014/10/27 职场文书
创业计划书之o2o水果店
2019/08/30 职场文书
Java实战之课程信息管理系统的实现
2022/04/01 Java/Android
js基于div丝滑实现贝塞尔曲线
2022/09/23 Javascript