js 判断浏览器

var isIE=!!window.ActiveXObject;
var isIE6=isIE&&!window.XMLHttpRequest;
var isIE8=isIE&&!!document.documentMode;
var isIE7=isIE&&!isIE6&&!isIE8;
if (isIE){
if (isIE6){
alert("ie6");
}else if (isIE8){
alert("ie8");
}else if (isIE7){
alert("ie7");
}
}
 
//判断ie和非ie
function isIe(){
    return ("ActiveXObject" in window);
 }
 
//判断IE6浏览器
从IE7开始IE是支持XMLHttpRequest对象的,唯独IE6是不支持的。根据这个特性和前面判断IE的函数isIe()我们就知道怎么判断IE6了吧。判断方法如下
function isIe6() {
   // ie6是不支持window.XMLHttpRequest的
    return isIe() && !window.XMLHttpRequest;
 }
 
//判断IE7浏览器
因为从IE8开始是支持文档模式的,它支持document.documentMode。IE7是不支持的,但是IE7是支持XMLHttpRequest对象的。判断方法如下
function isIe7() {
   //只有IE8+才支持document.documentMode
   return isIe() && window.XMLHttpRequest && !document.documentMode;
 }
 
//判断IE8浏览器
在从IE9开始,微软慢慢的靠近标准,我们把IE678称为非标准浏览器,IE9+与其他如chrome,firefox浏览器称为标准浏览器。两者的区别其中有一个是。大家测试下如下代码。返回的是什么
alert(-[1,]);//在IE678中打印的是NaN,但是在标准浏览器打印的是-1
那么我们就可以根据上面的区别来判断是IE8浏览器。方法如下
function isIe8(){
   // alert(!-[1,])//->IE678返回NaN 所以!NaN为true 标准浏览器返回-1 所以!-1为false
  return isIe() &&!-[1,]&&document.documentMode;
}
//判断IE678
isIe678 = !-[1,]
 
//判断IE9、IE10、IE11浏览器
从IE8浏览器是支持JSON内置对象的,从IE10开始支持js的严格模式,关于JS中的严格模式请参考这篇文章http://www.ruanyifeng.com/blog/2013/01/javascript_strict_mode.html
IE9+下alert(!-[1,])返回的是false,IE9+是支持addEventListener的,但是IE11浏览器中是不支持原来IE中独有的事件绑定attachEvent。根据这些区别我们就能区分出IE9、IE10、IE11浏览器了。
 
//判断其他浏览器
var check = function(r) {
        return r.test(navigator.userAgent.toLowerCase());
 };
var statics = {
        /**
         * 是否为webkit内核的浏览器
         */
        isWebkit : function() {
          return check(/webkit/);
        },
        /**
         * 是否为火狐浏览器
         */
        isFirefox : function() {
          return check(/firefox/);
        },
        /**
         * 是否为谷歌浏览器
         */
        isChrome : function() {
          return !statics.isOpera() && check(/chrome/);
        },
        /**
         * 是否为Opera浏览器
         */
        isOpera : function() {
          return check(/opr/);
        },
        /**
         * 检测是否为Safari浏览器
         */
        isSafari : function() {
          // google chrome浏览器中也包含了safari
          return !statics.isChrome() && !statics.isOpera() && check(/safari/);
        }
};

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。