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 相关文章推荐
用JavaScript实现仿Windows关机效果
Mar 10 Javascript
关于Javascript模块化和命名空间管理的问题说明
Dec 06 Javascript
新增加的内容是如何将div的scrollbar自动移动最下面
Jan 02 Javascript
html dom节点操作(获取/修改/添加或删除)
Jan 23 Javascript
javascript 面向对象封装与继承
Nov 27 Javascript
利用JavaScript判断浏览器类型及版本
Aug 23 Javascript
AngularJS使用$http配置对象方式与服务端交互方法
Aug 13 Javascript
JS使用canvas中的measureText方法测量字体宽度示例
Feb 02 Javascript
详解小程序退出页面时清除定时器
Apr 28 Javascript
vue中通过使用$attrs实现组件之间的数据传递功能
Sep 01 Javascript
使用Bootstrap做一个朝代历史表
Dec 10 Javascript
Element Backtop回到顶部的具体使用
Jul 27 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
关于更改Zend Studio/Eclipse代码风格主题的介绍
2013/06/23 PHP
php使用parse_url和parse_str解析URL
2015/02/22 PHP
JavaScript入门之基本函数详解
2011/10/21 Javascript
JS onmousemove鼠标移动坐标接龙DIV效果实例
2013/12/16 Javascript
解决json日期格式问题的3种方法
2014/02/02 Javascript
jQuery遍历对象、数组、集合实例
2014/11/08 Javascript
javascript去除字符串左右两端的空格
2015/02/05 Javascript
javascript强制点击广告的方法
2015/02/06 Javascript
JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
2016/01/12 Javascript
nodejs动态创建二维码的方法
2017/08/12 NodeJs
微信小程序使用Socket的实例
2017/09/19 Javascript
vuejs实现本地数据的筛选分页功能思路详解
2017/11/15 Javascript
10个经典的网页鼠标特效代码
2018/01/09 Javascript
JS实现的贪吃蛇游戏案例详解
2019/05/01 Javascript
vue elementui 实现搜索栏公共组件封装的实例代码
2020/01/20 Javascript
JavaScript碰撞检测原理及其实现代码
2020/03/12 Javascript
使用python实现递归版汉诺塔示例(汉诺塔递归算法)
2014/04/08 Python
使用Python操作MySQL的一些基本方法
2015/08/16 Python
Python Sql数据库增删改查操作简单封装
2016/04/18 Python
python 类详解及简单实例
2017/03/24 Python
Python 实现域名解析为ip的方法
2019/02/14 Python
解决pyecharts在jupyter notebook中使用报错问题
2020/04/23 Python
python2和python3应该学哪个(python3.6与python3.7的选择)
2019/10/01 Python
python-sys.stdout作为默认函数参数的实现
2020/02/21 Python
python开发一款翻译工具
2020/10/10 Python
Python页面加载的等待方式总结
2021/02/28 Python
优衣库美国官网:UNIQLO美国
2018/04/14 全球购物
美国亚马逊旗下男装网站:East Dane(支持中文)
2019/09/25 全球购物
审计主管岗位职责
2014/01/31 职场文书
三万活动总结
2014/04/28 职场文书
2015年端午节活动总结
2015/02/11 职场文书
活动总结模板大全
2015/05/11 职场文书
春节晚会开场白
2015/05/29 职场文书
基于JavaScript实现年月日三级联动
2021/06/22 Javascript
Win11如何启用启动修复 ? Win11执行启动修复的三种方法
2022/04/08 数码科技
vue实现省市区联动 element-china-area-data插件
2022/04/22 Vue.js