jquery判斷當前瀏覽器的實現代碼

2019-11-20 11:19:40

字體：大中小

來源：轉載

供稿：網友

寫了一個判斷當前瀏覽器類型及版本的方法，只在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.VeVB.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>