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 相关文章推荐
prototype class详解
Sep 07 Javascript
Jquery封装tab自动切换效果的具体实现
Jul 13 Javascript
showModalDialog在谷歌浏览器下会返回Null的解决方法
Nov 27 Javascript
JS设置cookie、读取cookie、删除cookie
Apr 17 Javascript
jQuery动画效果相关方法实例分析
Dec 31 Javascript
js中最容易被忽视的事件问题大总结
May 15 Javascript
Angular2 之 路由与导航详细介绍
May 26 Javascript
vue 如何添加全局函数或全局变量以及单页面的title设置总结
Jun 01 Javascript
JavaScript数据结构之栈实例用法
Jan 18 Javascript
Nuxt v-bind绑定img src不显示的解决
Dec 05 Javascript
在实例中重学JavaScript事件循环
Dec 03 Javascript
js 数组 fill() 填充方法
Nov 02 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+SqlServer实现分页显示
2006/10/09 PHP
用PHP制作静态网站的模板框架(二)
2006/10/09 PHP
为查询结果建立向后/向前按钮
2006/10/09 PHP
实例简介PHP的一些高级面向对象编程的特性
2015/11/27 PHP
IE浏览器打印的页眉页脚设置解决方法
2009/12/08 Javascript
JavaScript Event学习第四章 传统的事件注册模型
2010/02/07 Javascript
IE JS无提示关闭窗口不提示的方法
2010/04/29 Javascript
通过Jquery.cookie.js实现展示浏览网页的历史记录超管用
2015/10/23 Javascript
纯js代码实现简单计算器
2015/12/02 Javascript
jQuery ajax全局函数处理session过期后的ajax跳转问题
2016/06/03 Javascript
jQuery插件ContextMenu自定义图标
2017/03/15 Javascript
ES6新增的math,Number方法
2017/08/06 Javascript
利用canvas中toDataURL()将图片转为dataURL(base64)的方法详解
2017/11/20 Javascript
JavaScript设计模式之命令模式实例分析
2019/01/16 Javascript
微信小程序实现上传word、txt、Excel、PPT等文件功能
2019/05/23 Javascript
微信小程序使用字体图标的方法
2019/05/23 Javascript
关于layui 弹出层一闪而过就消失的解决方法
2019/09/09 Javascript
vuex管理状态 刷新页面保持不被清空的解决方案
2019/11/11 Javascript
OpenLayers3实现测量功能
2020/09/25 Javascript
尝试使用Python多线程抓取代理服务器IP地址的示例
2015/11/09 Python
python导入时小括号大作用
2017/01/10 Python
Python实现Youku视频批量下载功能
2017/03/14 Python
python在文本开头插入一行的实例
2018/05/02 Python
python3 爬取图片的实例代码
2018/11/06 Python
pandas 层次化索引的实现方法
2019/07/06 Python
Android Q之气泡弹窗的实现示例
2020/06/23 Python
canvas实现有递增动画的环形进度条的实现方法
2019/07/10 HTML / CSS
html5播放视频且动态截图实现步骤与代码(支持safari其他未测试)
2013/01/06 HTML / CSS
Bandier官网:奢侈、时尚前卫的健身服装首选目的地
2020/07/05 全球购物
领导班子自我剖析材料
2014/08/16 职场文书
2014年销售工作总结
2014/12/01 职场文书
法律进社区活动总结
2015/05/07 职场文书
Python爬虫爬取全球疫情数据并存储到mysql数据库的步骤
2021/03/29 Python
Python实现机器学习算法的分类
2021/06/03 Python
python简单验证码识别的实现过程
2021/06/20 Python
通过Python把学姐照片做成拼图游戏
2022/02/15 Python