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 11 Javascript
判断客户端浏览器是否安装了Flash插件的多种方法
Aug 11 Javascript
JavaScript中SetInterval与setTimeout的用法详解
Nov 10 Javascript
深入理解JavaScript单体内置对象
Jun 06 Javascript
IE下JS保存图片的简单实例
Jul 15 Javascript
jQuery实现简单的网页换肤效果示例
Sep 18 Javascript
AngularJS通过$sce输出html的方法
Sep 22 Javascript
原生js实现无限循环轮播图效果
Jan 20 Javascript
javascript获取指定区间范围随机数的方法
Sep 08 Javascript
关于HTML5的data-*自定义属性的总结
May 05 Javascript
微信小程序实现发送验证码按钮效果
Dec 20 Javascript
用Fundebug插件记录网络请求异常的方法
Feb 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
excellent!――ASCII Art(由目标图象生成ascii)
2007/02/20 PHP
PHP json格式和js json格式 js跨域调用实现代码
2012/09/08 PHP
PHP中实现生成静态文件的方法缓解服务器压力
2014/01/07 PHP
Thinkphp中Create方法深入探究
2014/06/16 PHP
PHP has encountered a Stack overflow问题解决方法
2014/11/03 PHP
php文件操作之小型留言本实例
2015/06/20 PHP
PHP的Yii框架中创建视图和渲染视图的方法详解
2016/03/29 PHP
使用Zookeeper分布式部署PHP应用程序
2019/03/15 PHP
Gambit vs ForZe BO3 第一场 2.13
2021/03/10 DOTA
javascript的函数作用域
2014/11/12 Javascript
四种参数传递的形式——URL,超链接,js,form表单
2015/07/24 Javascript
jquery动画效果学习笔记(8种效果)
2015/11/13 Javascript
基于jquery实现页面滚动到底自动加载数据的功能
2015/12/19 Javascript
JS实现的仿QQ空间图片弹出效果代码
2016/02/23 Javascript
基于JS模仿windows文件按名称排序效果
2016/06/29 Javascript
jQuery利用sort对DOM元素进行排序操作
2016/11/07 Javascript
vue单个组件实现无限层级多选菜单功能
2018/04/10 Javascript
Vue cli3 库模式搭建组件库并发布到 npm的流程
2018/10/12 Javascript
vue-cli V3.0版本的使用详解
2018/10/24 Javascript
vue插件mescroll.js实现移动端上拉加载和下拉刷新
2019/03/07 Javascript
用Python写脚本,实现完全备份和增量备份的示例
2018/04/29 Python
Python面向对象编程基础实例分析
2020/01/17 Python
Python loguru日志库之高效输出控制台日志和日志记录
2020/03/07 Python
纪伊国屋泰国网上书店:Kinokuniya泰国
2017/12/24 全球购物
奥地利时尚、美容、玩具和家居之家:Kastner & Öhler
2020/04/26 全球购物
生物技术研究生自荐信
2013/11/12 职场文书
在校生自我鉴定
2014/01/23 职场文书
党员检讨书
2014/10/13 职场文书
2014年教研员工作总结
2014/12/23 职场文书
质检员岗位职责
2015/02/03 职场文书
2015年超市工作总结
2015/04/09 职场文书
2015年工程师工作总结
2015/04/30 职场文书
离婚民事起诉状
2015/08/03 职场文书
使用pytorch实现线性回归
2021/04/11 Python
Golang生成Excel文档的方法步骤
2021/06/09 Golang
Java比较两个对象中全部属性值是否相等的方法
2021/08/07 Java/Android