如何检测IE11?

当我想检测IE时，我使用以下代码:

function getInternetExplorerVersion()
{
  var rv = -1;
  if (navigator.appName == 'Microsoft Internet Explorer')
  {
    var ua = navigator.userAgent;
    var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
    if (re.exec(ua) != null)
      rv = parseFloat( RegExp.$1 );
  }
  return rv;
}
function checkVersion()
{
  var msg = "You're not using Internet Explorer.";
  var ver = getInternetExplorerVersion();

  if ( ver > -1 )
  {
    msg = "You are using IE " + ver;
  }
  alert( msg );
}

但是IE11返回“您没有使用Internet Explorer”。我如何检测它?

当前回答

从User-Agent获取IE版本

var ie = 0;
try { ie = navigator.userAgent.match( /(MSIE |Trident.*rv[ :])([0-9]+)/ )[ 2 ]; }
catch(e){}

工作原理:所有IE版本的用户代理字符串都包含一部分“MSIE空间版本”或“Trident其他文本rv空格或冒号版本”。知道了这一点，我们从String.match()正则表达式中获取版本号。try-catch块用于缩短代码，否则我们需要测试非ie浏览器的数组边界。

注意:如果用户将浏览器设置为“兼容模式”，用户代理可能会被欺骗或省略，有时是无意的。尽管这在实践中似乎不是什么大问题。

获取没有User-Agent的IE版本

var d = document, w = window;
var ie = ( !!w.MSInputMethodContext ? 11 : !d.all ? 99 : w.atob ? 10 : 
d.addEventListener ? 9 : d.querySelector ? 8 : w.XMLHttpRequest ? 7 : 
d.compatMode ? 6 : w.attachEvent ? 5 : 1 );

工作原理:每个版本的IE都增加了对以前版本中没有的额外功能的支持。因此，我们可以以自顶向下的方式测试特性。为了简洁起见，这里使用了三元序列，不过if-then和switch语句也同样有效。变量ie被设置为整数5-11，旧的为1，新/非ie为99。如果你只是想测试IE 1-11，你可以把它设置为0。

注意:如果您的代码运行在带有第三方脚本的页面上，这些脚本为document.addEventListener之类的东西添加了腻子，那么对象检测可能会中断。在这种情况下，用户代理是最好的选择。

检测浏览器是否是现代的

如果你只对浏览器是否支持大多数HTML 5和css3标准感兴趣，你可以合理地假设ie8及更低版本的应用程序仍然是主要的问题应用程序。测试窗口。getComputedStyle会给你一个相当好的现代浏览器的组合，以及(IE 9, FF 4, Chrome 11, Safari 5, Opera 11.5)。IE 9大大提高了对标准的支持，但原生CSS动画需要IE 10。

var isModernBrowser = ( !document.all || ( document.all && document.addEventListener ) );

2015-06-18 05:54:37

其他回答

我用了一个更简单的方法:

导航器全局对象有一个属性touchpoints，在ie11中称为msMaxTouchPoints tho。

所以如果你寻找:

navigator.msMaxTouchPoints !== void 0

你会找到Internet Explorer 11。

2014-06-23 01:39:59

用这个检测大多数浏览器:

var getBrowser = function(){
  var navigatorObj = navigator.appName,
      userAgentObj = navigator.userAgent,
      matchVersion;
  var match = userAgentObj.match(/(opera|chrome|safari|firefox|msie|trident)\/?\s*(\.?\d+(\.\d+)*)/i);
  if( match && (matchVersion = userAgentObj.match(/version\/([\.\d]+)/i)) !== null) match[2] = matchVersion[1];
  //mobile
  if (navigator.userAgent.match(/iPhone|Android|webOS|iPad/i)) {
    return match ? [match[1], match[2], mobile] : [navigatorObj, navigator.appVersion, mobile];
  }
  // web browser
  return match ? [match[1], match[2]] : [navigatorObj, navigator.appVersion, '-?'];
};

https://gist.github.com/earlonrails/5266945

2014-10-02 20:44:31

仅适用于IE浏览器:

var ie = 'NotIE'; //IE5-11, Edge+
    if( !!document.compatMode ) {
        if( !("ActiveXObject" in window) ) ) ie = 'EDGE';
        if( !!document.uniqueID){
            if('ActiveXObject' in window && !window.createPopup ){ ie = 11; }
            else if(!!document.all){
                    if(!!window.atob){ie = 10;}
                    else if(!!document.addEventListener) {ie = 9;}
                    else if(!!document.querySelector){ie = 8;}
                    else if(!!window.XMLHttpRequest){ie = 7;}
                    else if(!!document.compatMode){ie = 6;}
                    else ie = 5;
                }
        }
    }

使用alert (ie);

测试:

2017年6月1日更新

现在我们可以用一些更简单的东西:

var uA = window.navigator.userAgent,
    onlyIEorEdge = /msie\s|trident\/|edge\//i.test(uA) && !!( document.uniqueID || window.MSInputMethodContext),
    checkVersion = (onlyIEorEdge && +(/(edge\/|rv:|msie\s)([\d.]+)/i.exec(uA)[2])) || NaN;

2016-01-19 17:17:10

这似乎是一种更好的方法。如果没有匹配，"indexOf"返回-1。它不会覆盖主体上现有的类，只是添加它们。

// add a class on the body ie IE 10/11
var uA = navigator.userAgent;
if(uA.indexOf('Trident') != -1 && uA.indexOf('rv:11') != -1){
    document.body.className = document.body.className+' ie11';
}
if(uA.indexOf('Trident') != -1 && uA.indexOf('MSIE 10.0') != -1){
    document.body.className = document.body.className+' ie10';
}

2014-07-16 09:45:55

IE11不再报告为MSIE，根据这个更改列表，它是故意避免错误检测。

如果你真的想知道它是IE，你可以做的是在用户代理if导航器中检测Trident/字符串。appName返回Netscape，类似于(未测试的);

请注意，IE11 (afaik)仍处于预览阶段，用户代理在发布前可能会发生变化。

2013-07-28 11:03:26

如何检测IE11?

推荐文章

最新文章

标签