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多重继承示例
Mar 13 Javascript
JS清除IE浏览器缓存的方法
Jul 26 Javascript
jQuery查询数据返回object和字符串影响原因是什么
Aug 09 Javascript
Flash图片上传组件 swfupload使用指南
Mar 14 Javascript
leaflet的开发入门教程
Nov 17 Javascript
js窗口震动小程序分享
Nov 28 Javascript
jQuery日程管理控件glDatePicker用法详解
Mar 29 jQuery
带你快速理解javascript中的事件模型
Aug 14 Javascript
分析javascript原型及原型链
Mar 18 Javascript
JavaScript实现留言板案例
Mar 17 Javascript
mpvue实现微信小程序快递单号查询代码
Apr 03 Javascript
Vue如何跨组件传递Slot的实现
Dec 14 Vue.js
轻松掌握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 file_get_contents抓取Gzip网页乱码的三种解决方法
2013/11/12 PHP
PHP批量上传图片的具体实现方法介绍.
2014/02/26 PHP
yii实现图片上传及缩略图生成的方法
2014/12/04 PHP
PHP面向对象学习之parent::关键字
2017/01/18 PHP
ThinkPHP防止重复提交表单的方法实例分析
2018/05/10 PHP
php实现等比例压缩图片
2018/07/26 PHP
解决FireFox下[使用event很麻烦]的问题
2006/11/26 Javascript
Prototype使用指南之range.js
2007/01/10 Javascript
jquery 模板的应用示例
2013/11/12 Javascript
javascript获取ckeditor编辑器的值(实现代码)
2013/11/18 Javascript
js倒计时简单实现方法
2015/12/17 Javascript
js创建对象的方法汇总
2016/01/07 Javascript
jQuery实现元素拖拽并cookie保存顺序的方法
2016/02/20 Javascript
jQuery中的AjaxSubmit使用讲解
2016/09/25 Javascript
Javascript中的prototype与继承
2017/02/06 Javascript
webpack配置sass模块的加载的方法
2017/07/30 Javascript
javascript观察者模式实现自动刷新效果
2017/09/05 Javascript
angularjs实现的购物金额计算工具示例
2018/05/08 Javascript
Webstorm2016使用技巧(SVN插件使用)
2018/10/29 Javascript
详解如何实现Element树形控件Tree在懒加载模式下的动态更新
2019/04/25 Javascript
Vue 中获取当前时间并实时刷新的实现代码
2020/05/12 Javascript
vue中组件通信详解(父子组件, 爷孙组件, 兄弟组件)
2020/07/27 Javascript
如何阻止移动端浏览器点击图片浏览
2020/08/29 Javascript
微信小程序实现拼图小游戏
2020/10/22 Javascript
[07:06]2018DOTA2国际邀请赛寻真——卫冕冠军Team Liquid
2018/08/10 DOTA
Python的subprocess模块总结
2014/11/07 Python
Python编程实现的图片识别功能示例
2017/08/03 Python
Python2和Python3.6环境解决共存问题
2018/11/09 Python
用canvas实现图片滤镜效果附演示
2013/11/05 HTML / CSS
Hammitt官网:设计师手袋
2020/05/23 全球购物
国际经济贸易专业推荐信
2013/11/06 职场文书
个人近期表现材料
2014/02/11 职场文书
关于爱国的标语
2014/06/24 职场文书
2015年四年级班主任工作总结
2015/10/22 职场文书
Innodb存储引擎中的后台线程详解
2022/04/03 MySQL
MySQL串行化隔离级别(间隙锁实现)
2022/06/16 MySQL