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 相关文章推荐
IE8 原生JSON支持
Apr 13 Javascript
$.ajax返回的JSON无法执行success的解决方法
Sep 09 Javascript
js清除input中type等于file的值域(示例代码)
Dec 24 Javascript
js中取得变量绝对值的方法
Jan 03 Javascript
jquery分割字符串的方法
Jun 24 Javascript
Jquery和angularjs获取check框选中的值的方法汇总
Jan 17 Javascript
基于JS实现新闻列表无缝向上滚动实例代码
Jan 22 Javascript
jQuery实现放大镜效果实例代码
Mar 17 Javascript
正则中的回溯定义与用法分析【JS与java实现】
Dec 27 Javascript
Vue实现双向数据绑定
May 03 Javascript
AngularJS中下拉框的高级用法示例
Oct 11 Javascript
详解vue2.0监听属性的使用心得及搭配计算属性的使用
Jul 18 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 获取远程网页内容的函数
2009/09/08 PHP
PHP记录搜索引擎蜘蛛访问网站足迹的方法
2015/04/15 PHP
两种php实现图片上传的方法
2016/01/22 PHP
JavaScript constructor和instanceof,JSOO中的一对欢喜冤家
2009/05/25 Javascript
jQuery学习笔记之控制页面实现代码
2012/02/27 Javascript
file模式访问网页时iframe高度自适应解决方案
2013/01/16 Javascript
网页右键ie不支持event.preventDefault和event.returnValue (需要加window)
2013/02/22 Javascript
JS实现带缓冲效果打开、关闭、移动一个层的方法
2015/05/09 Javascript
js密码强度校验
2015/11/10 Javascript
js只执行1次的函数示例
2016/07/20 Javascript
用nodejs搭建websocket服务器
2017/01/23 NodeJs
jquery点赞功能实现代码 点个赞吧!
2020/05/29 jQuery
Vue实现美团app的影院推荐选座功能【推荐】
2018/08/29 Javascript
vue中当图片地址无效的时候,显示默认图片的方法
2018/09/18 Javascript
JavaScript实现汉字转换为拼音及缩写的方法示例
2019/03/28 Javascript
Postman参数化实现过程及原理解析
2020/08/13 Javascript
Openlayers实现地图的基本操作
2020/09/28 Javascript
JS实现百度搜索框
2021/02/25 Javascript
python实现数据图表
2017/07/29 Python
python中数据爬虫requests库使用方法详解
2018/02/11 Python
python 列表,数组和矩阵sum的用法及区别介绍
2018/06/28 Python
python pygame实现2048游戏
2018/11/20 Python
Python3 assert断言实现原理解析
2020/03/02 Python
html5 postMessage前端跨域并前端监听的方法示例
2018/11/01 HTML / CSS
德国汉莎航空中国官网: Lufthansa中国
2017/03/30 全球购物
TripAdvisor土耳其网站:全球知名旅行社区,真实旅客评论
2017/04/17 全球购物
Bowflex美国官方网站:高级家庭健身器材
2017/12/22 全球购物
澳大利亚百货公司:David Jones
2018/02/08 全球购物
比较一下entity bean和session bean
2013/12/27 面试题
企业年会主持词
2014/03/27 职场文书
《故乡》教学反思
2014/04/10 职场文书
2014第二批党员干部对照“四风”找差距检查材料思想汇报
2014/09/18 职场文书
2015年计算机教学工作总结
2015/07/22 职场文书
演讲稿:​快乐,从不抱怨开始!
2019/04/02 职场文书
上帝为你开了一扇窗之Tkinter常用函数详解
2021/06/02 Python
总结Java对象被序列化的两种方法
2021/06/30 Java/Android