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 相关文章推荐
JQuery中$之选择器用法介绍
Apr 05 Javascript
js iframe跨域访问(同主域/非同主域)分别深入介绍
Jan 24 Javascript
js replace 与replaceall实例用法详解
Aug 03 Javascript
javascript教程之不完整的继承(js原型链)
Jan 13 Javascript
js调试系列 断点与动态调试[基础篇]
Jun 18 Javascript
基于jQuery实现美观且实用的倒计时实例代码
Dec 30 Javascript
Vue.js学习笔记之修饰符详解
Jul 25 Javascript
vue中将html字符串转换成html后遇到的问题小结
Dec 10 Javascript
Vue路由守卫之路由独享守卫
Sep 25 Javascript
vue.js 实现a标签href里添加参数
Nov 12 Javascript
javascript实现移动端红包雨页面
Jun 23 Javascript
JS实现放大镜效果
Sep 21 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中使用asort进行中文排序失效的问题处理
2014/08/18 PHP
php实现的RSS生成类实例
2015/04/23 PHP
PHP快速排序quicksort实例详解
2016/09/28 PHP
Laravel框架生命周期与原理分析
2018/06/12 PHP
jquery 将disabled的元素置为enabled的三种方法
2009/07/25 Javascript
javascript Array对象基础知识小结
2010/11/16 Javascript
js判断当前浏览器类型,判断IE浏览器方法
2014/06/02 Javascript
JavaScript动态修改背景颜色的方法
2015/04/16 Javascript
jQuery鼠标事件汇总
2015/08/30 Javascript
原生JS封装Ajax插件(同域、jsonp跨域)
2016/05/03 Javascript
JavaScript中cookie工具函数封装的示例代码
2016/10/11 Javascript
ionic cordova一次上传多张图片(类似input file提交表单)的实现方法
2016/12/16 Javascript
JavaScript运动框架 解决防抖动问题、悬浮对联(二)
2017/05/17 Javascript
详解Vue.js Mixins 混入使用
2017/09/15 Javascript
详解如何用模块化的方式写vuejs
2017/12/16 Javascript
vue的无缝滚动组件vue-seamless-scroll实例
2017/12/18 Javascript
Angular 开发学习之Angular CLI的安装使用
2017/12/31 Javascript
vue router动态路由设置参数可选问题
2019/08/21 Javascript
Vue axios 将传递的json数据转为form data的例子
2019/10/29 Javascript
Javascript表单序列化原理及实现代码详解
2020/10/30 Javascript
[46:40]VGJ.T vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python 文件和路径操作函数小结
2009/11/23 Python
python dict remove数组删除(del,pop)
2013/03/24 Python
深入浅析python with语句简介
2018/04/11 Python
Python解析并读取PDF文件内容的方法
2018/05/08 Python
Flask框架信号用法实例分析
2018/07/24 Python
实例讲解Python中浮点型的基本内容
2019/02/11 Python
numpy.linalg.eig() 计算矩阵特征向量方式
2019/11/29 Python
浅析Python 简单工厂模式和工厂方法模式的优缺点
2020/07/13 Python
css3背景_动力节点Java学院整理
2017/07/11 HTML / CSS
Html5 Canvas实现图片标记、缩放、移动和保存历史状态功能 (附转换公式)
2020/03/18 HTML / CSS
煤矿班组长竞聘书
2014/03/31 职场文书
会计演讲稿范文
2014/05/23 职场文书
《我是什么》教学反思
2016/02/16 职场文书
创业计划书之蛋糕店
2019/08/29 职场文书
Python生成九宫格图片的示例代码
2021/04/14 Python