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 EasyUI API 中文文档 - Documentation 文档
Sep 29 Javascript
jQuery EasyUI API 中文文档 - Tree树使用介绍
Nov 19 Javascript
node.js中的favicon.ico请求问题处理
Dec 15 Javascript
JS实现在页面随时自定义背景颜色的方法
Feb 27 Javascript
使用 stylelint检查CSS_StyleLint
Apr 28 Javascript
vue中$nextTick的用法讲解
Jan 17 Javascript
Vue 处理表单input单行文本框的实例代码
May 09 Javascript
vue路由中前进后退的一些事儿
May 18 Javascript
JS面向对象编程——ES6 中class的继承用法详解
Mar 03 Javascript
vue-router的hooks用法详解
Jun 08 Javascript
js实现点击烟花特效
Oct 14 Javascript
可拖拽组件slider.js使用方法详解
Dec 04 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的chr和ord函数实现字符加减乘除运算实现代码
2011/12/05 PHP
php实现图片上传、剪切功能
2016/05/07 PHP
Jquery为a标签的href赋值实现代码
2013/05/03 Javascript
使用js正则控制input标签只允许输入的值
2013/07/29 Javascript
JavaScript设计模式之建造者模式介绍
2014/12/28 Javascript
jQuery插件bgStretcher.js实现全屏背景特效
2015/06/05 Javascript
javascript事件模型介绍
2016/05/31 Javascript
JavaScript之WebSocket技术详解
2016/11/18 Javascript
JavaScript基于扩展String实现替换字符串中index处字符的方法
2017/06/13 Javascript
vue中for循环更改数据的实例代码(数据变化但页面数据未变)
2017/09/15 Javascript
JS/jQuery实现DIV延时几秒后消失或显示的方法
2018/02/12 jQuery
vue最简单的前后端交互示例详解
2018/10/11 Javascript
jquery UI实现autocomplete在获取焦点时得到显示列表功能示例
2019/06/04 jQuery
vue element自定义表单验证请求后端接口验证
2019/12/11 Javascript
[01:04:14]OG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
用Python写王者荣耀刷金币脚本
2017/12/21 Python
python 实现对数据集的归一化的方法(0-1之间)
2018/07/17 Python
浅谈django orm 优化
2018/08/18 Python
python列表返回重复数据的下标
2020/02/10 Python
Python中zip函数如何使用
2020/06/04 Python
美国娱乐和流行文化商品店:FYE
2017/09/14 全球购物
英国家居用品和家居装饰品购物网站:Cox & Cox
2019/08/25 全球购物
会计师事务所审计实习自我鉴定
2013/09/20 职场文书
银行职业规划书范文
2013/12/28 职场文书
银行办理业务介绍信
2014/01/18 职场文书
音乐教学随笔感言
2014/02/19 职场文书
党员学习正风肃纪思想汇报
2014/09/12 职场文书
django上传文件的三种方式
2021/04/29 Python
go语言基础 seek光标位置os包的使用
2021/05/09 Golang
Python基础之元组与文件知识总结
2021/05/19 Python
Tensorflow与RNN、双向LSTM等的踩坑记录及解决
2021/05/31 Python
Python实现生成bmp图像的方法
2021/06/13 Python
Go 通过结构struct实现接口interface的问题
2021/10/05 Golang
Jpa Specification如何实现and和or同时使用查询
2021/11/23 Java/Android
浅谈Redis跟MySQL的双写问题解决方案
2022/02/24 Redis
Golang jwt身份认证
2022/04/20 Golang