浏览器检测JS代码(兼容目前各大主流浏览器)


Posted in Javascript onFebruary 21, 2016

本文实例介绍了JS代码实现浏览器检测,分享给大家供大家参考,具体内容如下

var BrowserMatch = {
  init: function () {
    this.browser = this.getBrowser().browser || "An Unknown Browser";
    this.version = this.getBrowser().version || "An Unknown Version";
    this.OS = this.getOS() || "An Unknown OS";
  },
  getOS:function(){
    if(navigator.platform.indexOf("Win")!= -1) return "Windows";
    if(navigator.platform.indexOf("Mac")!= -1) return "Mac";
    if(navigator.platform.indexOf("Linux")!= -1) return "Linux";
    if(navigator.userAgent.indexOf("iPhone")!= -1) return "iPhone/iPod";
  },
  getBrowser:function () {
    var rMsie = /(msie\s|trident\/7)([\w\.]+)/;
    var rTrident = /(trident)\/([\w.]+)/;
    var rFirefox = /(firefox)\/([\w.]+)/; 
    var rOpera = /(opera).+version\/([\w.]+)/;
    var rNewOpera = /(opr)\/(.+)/;
    var rChrome = /(chrome)\/([\w.]+)/;
    var rSafari = /version\/([\w.]+).*(safari)/;
    var ua = navigator.userAgent.toLowerCase();
    var matchBS,matchBS2;
    matchBS = rMsie.exec(ua);
    if (matchBS != null) {
      matchBS2 = rTrident.exec(ua);
      if (matchBS2 != null){
        switch (matchBS2[2]){
          case "4.0": return { browser : "IE", version : "8" };break;
          case "5.0": return { browser : "IE", version : "9" };break;
          case "6.0": return { browser : "IE", version : "10" };break;
          case "7.0": return { browser : "IE", version : "11" };break;
          default:return { browser : "IE", version : "Undefined" };
        }
      }else{
        return {browser : "IE", version : matchBS[2] || "0" };
      }
    }
    matchBS = rFirefox.exec(ua);  
    if ((matchBS != null)&&(!(window.attachEvent))&&(!(window.chrome))&&(!(window.opera))) {  
      return { browser : matchBS[1] || "", version : matchBS[2] || "0" };
    }
    matchBS = rOpera.exec(ua);         
    if ((matchBS != null)&&(!(window.attachEvent))) {     
      return { browser : matchBS[1] || "", version : matchBS[2] || "0" };
    }
    matchBS = rChrome.exec(ua);  
    if ((matchBS != null)&&(!!(window.chrome))&&(!(window.attachEvent))) {
      matchBS2 = rNewOpera.exec(ua);       
      if(matchBS2 == null){
        return { browser : matchBS[1] || "", version : matchBS[2] || "0" };
      }else{
        return { browser : "Opera", version : matchBS2[2] || "0" };
      }  
    }
    matchBS = rSafari.exec(ua);          
    if ((matchBS != null)&&(!(window.attachEvent))&&(!(window.chrome))&&(!(window.opera))) {   
      return { browser : matchBS[2] || "", version : matchBS[1] || "0" };
    }           
  }
};  
BrowserMatch.init();

调用方法:(首先得引入js文件,大家应该都懂的)

获取浏览器名:BrowserMatch.browser;

获取浏览器版本:BrowserMatch.version;

获取所处操作系统:BrowserMatch.OS;

以上就是本文的全部内容,希望对大家的学习有所帮助。

Javascript 相关文章推荐
Jquery Ajax方法传值到action的方法
May 11 Javascript
Javascript 赋值机制详解
Nov 23 Javascript
javascript进行四舍五入方法汇总
Dec 16 Javascript
浅谈javascript中字符串String与数组Array
Dec 31 Javascript
限制复选框最多选择项的实现代码
May 30 Javascript
AngularJS ng-template寄宿方式用法分析
Nov 07 Javascript
Bootstrap基本插件学习笔记之Tooltip提示工具(18)
Dec 08 Javascript
微信小程序小组件 基于Canvas实现直播点赞气泡效果
May 29 Javascript
详解jQuery-each()方法
Mar 13 jQuery
BootstrapValidator实现表单验证功能
Nov 08 Javascript
vue与django集成打包的实现方法
Nov 11 Javascript
如何用JavaScript检测当前浏览器是无头浏览器
Apr 27 Javascript
gameboy网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点
Feb 21 #Javascript
全面详细的jQuery常见开发技巧手册
Feb 21 #Javascript
完善的jquery处理机制
Feb 21 #Javascript
jquery对象和DOM对象的任意相互转换
Feb 21 #Javascript
jQuery实现div拖拽效果实例分析
Feb 20 #Javascript
jQuery实现简单隔行变色的方法
Feb 20 #Javascript
jQuery实现元素拖拽并cookie保存顺序的方法
Feb 20 #Javascript
You might like
php图片处理函数获取类型及扩展名实例
2014/11/19 PHP
ThinkPHP实现分页功能
2017/04/28 PHP
php实现的数组转xml案例分析
2019/09/28 PHP
Laravel使用模型实现like模糊查询的例子
2019/10/24 PHP
Javascript中的数学函数集合
2007/05/08 Javascript
javascript重复绑定事件造成的后果说明
2013/03/02 Javascript
Javascript中实现trim()函数的两种方法
2015/02/04 Javascript
JavaScript使用DeviceOne开发实战(三)仿微信应用
2015/12/02 Javascript
微信小程序 省市区选择器实例详解(附源码下载)
2017/01/05 Javascript
bootstrapValidator.min.js表单验证插件
2017/02/09 Javascript
Angular2使用Angular-CLI快速搭建工程(二)
2017/05/21 Javascript
JavaScript中join()、splice()、slice()和split()函数用法示例
2018/08/24 Javascript
原生JS实现逼真的图片3D旋转效果详解
2019/02/16 Javascript
js防抖函数和节流函数使用场景和实现区别示例分析
2020/04/11 Javascript
Vue实现浏览器打印功能的代码
2020/04/17 Javascript
详细讲解Python中的文件I/O操作
2015/05/24 Python
python append、extend与insert的区别
2016/10/13 Python
Python 常用 PEP8 编码规范详解
2017/01/22 Python
Python实现读取json文件到excel表
2017/11/18 Python
dataframe设置两个条件取值的实例
2018/04/12 Python
Python操作Excel插入删除行的方法
2018/12/10 Python
Django集成celery发送异步邮件实例
2019/12/17 Python
Python从MySQL数据库中面抽取试题,生成试卷
2021/01/14 Python
一款纯css3实现的鼠标悬停动画按钮
2014/12/29 HTML / CSS
详解html2canvas截图不能截取圆角图片的解决方案
2018/01/30 HTML / CSS
英国时尚女装购物网站:Missguided
2018/08/23 全球购物
Java基础面试题
2012/11/02 面试题
专题组织生活会思想汇报
2014/10/01 职场文书
工程进度款催款函
2015/06/24 职场文书
2016年会领导致辞稿
2015/07/29 职场文书
先进基层党组织主要事迹材料
2015/11/03 职场文书
《植树问题》教学反思
2016/03/03 职场文书
爱岗敬业事迹材料
2019/06/20 职场文书
婚前协议书怎么写,才具有法律效力呢 ?
2019/06/28 职场文书
致男子1500米运动员的广播稿
2019/11/08 职场文书
PostgreSQL逻辑复制解密原理解析
2022/09/23 PostgreSQL