编程 Javascript

jquery判断当前浏览器的实现代码

Posted in Javascript onNovember 07, 2015

写了一个判断当前浏览器类型及版本的方法，只在IE 8/11 、谷歌、360 浏览器（不完全）上测试过，需要用到jquery

核心代码：

;(function($, window, document,undefined){
  if(!window.browser){
     
    var userAgent = navigator.userAgent.toLowerCase(),uaMatch;
    window.browser = {}
     
    /**
     * 判断是否为ie
     */
    function isIE(){
      return ("ActiveXObject" in window);
    }
    /**
     * 判断是否为谷歌浏览器
     */
    if(!uaMatch){
      uaMatch = userAgent.match(/chrome\/([\d.]+)/);
      if(uaMatch!=null){
        window.browser['name'] = 'chrome';
        window.browser['version'] = uaMatch[1];
      }
    }
    /**
     * 判断是否为火狐浏览器
     */
    if(!uaMatch){
      uaMatch = userAgent.match(/firefox\/([\d.]+)/);
      if(uaMatch!=null){
        window.browser['name'] = 'firefox';
        window.browser['version'] = uaMatch[1];
      }
    }
    /**
     * 判断是否为opera浏览器
     */
    if(!uaMatch){
      uaMatch = userAgent.match(/opera.([\d.]+)/);
      if(uaMatch!=null){
        window.browser['name'] = 'opera';
        window.browser['version'] = uaMatch[1];
      }
    }
    /**
     * 判断是否为Safari浏览器
     */
    if(!uaMatch){
      uaMatch = userAgent.match(/safari\/([\d.]+)/);
      if(uaMatch!=null){
        window.browser['name'] = 'safari';
        window.browser['version'] = uaMatch[1];
      }
    }
    /**
     * 最后判断是否为IE
     */
    if(!uaMatch){
      if(userAgent.match(/msie ([\d.]+)/)!=null){
        uaMatch = userAgent.match(/msie ([\d.]+)/);
        window.browser['name'] = 'ie';
        window.browser['version'] = uaMatch[1];
      }else{
        /**
         * IE10
         */
        if(isIE() && !!document.attachEvent && (function(){"use strict";return !this;}())){
          window.browser['name'] = 'ie';
          window.browser['version'] = '10';
        }
        /**
         * IE11
         */
        if(isIE() && !document.attachEvent){
          window.browser['name'] = 'ie';
          window.browser['version'] = '11';
        }
      }
    }
 
    /**
     * 注册判断方法
     */
    if(!$.isIE){
      $.extend({
        isIE:function(){
          return (window.browser.name == 'ie');
        }
      });
    }
    if(!$.isChrome){
      $.extend({
        isChrome:function(){
          return (window.browser.name == 'chrome');
        }
      });
    }
    if(!$.isFirefox){
      $.extend({
        isFirefox:function(){
          return (window.browser.name == 'firefox');
        }
      });
    }
    if(!$.isOpera){
      $.extend({
        isOpera:function(){
          return (window.browser.name == 'opera');
        }
      });
    }
    if(!$.isSafari){
      $.extend({
        isSafari:function(){
          return (window.browser.name == 'safari');
        }
      });
    }
  }
})(jQuery, window, document);

使用方法：

//使用方式
console.log(window.browser);
console.log($.isIE());
console.log($.isChrome());

三水点靠木小编特提供的完整测试代码：

<html> 
<head> 
<title>jquery 浏览器判断</title> 
</head> 
<body> 
<script src="http://demo.3water.com/jslib/jquery/jquery-1.8.3.min.js"></script>
<script type="text/javascript"> 
(function($, window, document,undefined){
  if(!window.browser){
     
    var userAgent = navigator.userAgent.toLowerCase(),uaMatch;
    window.browser = {}
     
    /**
     * 判断是否为ie
     */
    function isIE(){
      return ("ActiveXObject" in window);
    }
    /**
     * 判断是否为谷歌浏览器
     */
    if(!uaMatch){
      uaMatch = userAgent.match(/chrome\/([\d.]+)/);
      if(uaMatch!=null){
        window.browser['name'] = 'chrome';
        window.browser['version'] = uaMatch[1];
      }
    }
    /**
     * 判断是否为火狐浏览器
     */
    if(!uaMatch){
      uaMatch = userAgent.match(/firefox\/([\d.]+)/);
      if(uaMatch!=null){
        window.browser['name'] = 'firefox';
        window.browser['version'] = uaMatch[1];
      }
    }
    /**
     * 判断是否为opera浏览器
     */
    if(!uaMatch){
      uaMatch = userAgent.match(/opera.([\d.]+)/);
      if(uaMatch!=null){
        window.browser['name'] = 'opera';
        window.browser['version'] = uaMatch[1];
      }
    }
    /**
     * 判断是否为Safari浏览器
     */
    if(!uaMatch){
      uaMatch = userAgent.match(/safari\/([\d.]+)/);
      if(uaMatch!=null){
        window.browser['name'] = 'safari';
        window.browser['version'] = uaMatch[1];
      }
    }
    /**
     * 最后判断是否为IE
     */
    if(!uaMatch){
      if(userAgent.match(/msie ([\d.]+)/)!=null){
        uaMatch = userAgent.match(/msie ([\d.]+)/);
        window.browser['name'] = 'ie';
        window.browser['version'] = uaMatch[1];
      }else{
        /**
         * IE10
         */
        if(isIE() && !!document.attachEvent && (function(){"use strict";return !this;}())){
          window.browser['name'] = 'ie';
          window.browser['version'] = '10';
        }
        /**
         * IE11
         */
        if(isIE() && !document.attachEvent){
          window.browser['name'] = 'ie';
          window.browser['version'] = '11';
        }
      }
    }
 
    /**
     * 注册判断方法
     */
    if(!$.isIE){
      $.extend({
        isIE:function(){
          return (window.browser.name == 'ie');
        }
      });
    }
    if(!$.isChrome){
      $.extend({
        isChrome:function(){
          return (window.browser.name == 'chrome');
        }
      });
    }
    if(!$.isFirefox){
      $.extend({
        isFirefox:function(){
          return (window.browser.name == 'firefox');
        }
      });
    }
    if(!$.isOpera){
      $.extend({
        isOpera:function(){
          return (window.browser.name == 'opera');
        }
      });
    }
    if(!$.isSafari){
      $.extend({
        isSafari:function(){
          return (window.browser.name == 'safari');
        }
      });
    }
  }
})(jQuery, window, document);
//使用方式
alert(window.browser.name);
//下面是ie F2中测试可以看到效果
console.log(window.browser);
console.log($.isIE());
console.log($.isChrome());
</script> 
</body> 
</html>

jquery判断当前浏览器的实现代码

- Author -

mdxy-dxy

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JS创建优美的页面滑动块效果 - Glider.js

Sep 27 Javascript

兼容IE和FF的js脚本代码小结（比较常用）

Dec 06 Javascript

js如何获取file控件的完整路径具体实现代码

May 15 Javascript

页面刷新时记住滚动条的位置jquery代码

Jun 17 Javascript

jQuery简单获取键盘事件的方法

Jan 22 Javascript

JQuery解析XML的方法小结

Apr 02 Javascript

使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果

Oct 17 Javascript

原生js更改css样式的两种方式

Mar 15 Javascript

JavaScript如何对图片进行黑白化

Apr 10 Javascript

js获取浏览器地址（获取第1个斜杠后的内容）

Sep 03 Javascript

JQuery复选框全选效果如何实现

May 08 jQuery

Javascript call及apply应用场景及实例

Aug 26 Javascript

jQuery插件开发精品教程(让你的jQuery更上一个台阶)

Nov 07 #Javascript

js识别uc浏览器的代码

Nov 06 #Javascript

详解javascript数组去重问题

Nov 06 #Javascript

基于JavaScript实现仿京东图片轮播效果

Nov 06 #Javascript

实现非常简单的js双向数据绑定

Nov 06 #Javascript

浅析javascript中的事件代理

Nov 06 #Javascript

详解javascript中的事件处理

Nov 06 #Javascript

You might like

如何正确理解PHP的错误信息

2006/10/09 PHP

PHP 一个比较完善的简单文件上传

2010/03/25 PHP

php用数组返回无限分类的列表数据的代码

2010/08/08 PHP

php检测文件编码的方法示例

2014/04/25 PHP

2个比较经典的PHP加密解密函数分享

2014/07/01 PHP

php 删除cookie方法详解

2014/12/01 PHP

PHP微信开发之微信录音临时转永久存储

2018/01/26 PHP

分析php://output和php://stdout的区别

2018/05/06 PHP

jquery 注意事项与常用语法小结

2010/06/07 Javascript

javaScript NameSpace 简单说明介绍

2013/07/18 Javascript

Checbox的操作含已选、未选及判断代码

2013/11/07 Javascript

javascript删除option选项的多种方法总结

2013/11/22 Javascript

jQuery+C#实现参数RSA加密传输功能【附jsencrypt.js下载】

2017/06/26 jQuery

深入探究AngularJs之$scope对象（作用域）

2017/07/20 Javascript

在vue-cli项目中使用bootstrap的方法示例

2018/04/21 Javascript

Vue弹出菜单功能的实现代码

2018/09/12 Javascript

详解JavaScript 的变量

2019/03/08 Javascript

layui table设置某一行的字体颜色方法

2019/09/05 Javascript

django限制匿名用户访问及重定向的方法实例

2018/02/07 Python

python动态视频下载器的实现方法

2019/09/16 Python

淘宝秒杀python脚本扫码登录版

2019/09/19 Python

100行Python代码实现每天不同时间段定时给女友发消息

2019/09/27 Python

python3 tkinter实现添加图片和文本

2019/11/26 Python

django-orm F对象的使用按照两个字段的和,乘积排序实例

2020/05/18 Python

css3进阶之less实现星空动画的示例代码

2019/09/10 HTML / CSS

利用Canvas模仿百度贴吧客户端loading小球的方法示例

2017/08/13 HTML / CSS

html5 利用canvas手写签名并保存的实现方法

2018/07/12 HTML / CSS

使用css创建三角形使用CSS3创建3d四面体原理及代码(html5实践)

2013/01/06 HTML / CSS

CSS3 画基本图形，圆形、椭圆形、三角形等

2016/09/20 HTML / CSS

美国在线鲜花速递：ProFlowers

2017/01/05 全球购物

哈萨克斯坦移动和数字技术在线商店：SatelOnline.kz

2020/09/04 全球购物

成龙霸王洗发水广告词

2014/03/14 职场文书

2014年党员公开承诺践诺书

2014/03/25 职场文书

网络妈妈观后感

2015/06/08 职场文书

入团申请书格式

2019/06/20 职场文书

Win11 vmware不兼容怎么办?Win11与VMware虚拟机不兼容的解决方法

2023/01/09 数码科技