在JavaScript中检测IE版本(v9之前)

如果我们网站的用户使用的是v9之前版本的Internet Explorer，我希望将他们弹出到一个错误页面。不值得我们花时间和金钱去支持iev9之前的版本。所有其他非ie浏览器的用户都没问题，不应该被弹出。以下是提议的代码:

if(navigator.appName.indexOf("Internet Explorer")!=-1){     //yeah, he's using IE
    var badBrowser=(
        navigator.appVersion.indexOf("MSIE 9")==-1 &&   //v9 is ok
        navigator.appVersion.indexOf("MSIE 1")==-1  //v10, 11, 12, etc. is fine too
    );

    if(badBrowser){
        // navigate to error page
    }
}

这段代码能行吗?

为了阻止一些可能会出现在我面前的评论:

Yes, I know that users can forge their useragent string. I'm not concerned. Yes, I know that programming pros prefer sniffing out feature-support instead of browser-type but I don't feel this approach makes sense in this case. I already know that all (relevant) non-IE browsers support the features that I need and that all pre-v9 IE browsers don't. Checking feature by feature throughout the site would be a waste. Yes, I know that someone trying to access the site using IE v1 (or >= 20) wouldn't get 'badBrowser' set to true and the warning page wouldn't be displayed properly. That's a risk we're willing to take. Yes, I know that Microsoft has "conditional comments" that can be used for precise browser version detection. IE no longer supports conditional comments as of IE 10, rendering this approach absolutely useless.

还有其他明显需要注意的问题吗?

当前回答

下面是AngularJS检查IE的方法

/**
 * documentMode is an IE-only property
 * http://msdn.microsoft.com/en-us/library/ie/cc196988(v=vs.85).aspx
 */
var msie = document.documentMode;

if (msie < 9) {
    // code for IE < 9
}

2015-07-08 12:54:12

其他回答

这是我喜欢的做法。它提供了最大限度的控制。(注意:条件语句仅在IE5 - 9中支持。)

首先正确地设置ie类

<!DOCTYPE html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>    <html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>    <html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html> <!--<![endif]-->    
<head>

然后你可以使用CSS来创建样式异常，或者，如果你需要，你可以添加一些简单的JavaScript:

(function ($) {
    "use strict";

    // Detecting IE
    var oldIE;
    if ($('html').is('.lt-ie7, .lt-ie8, .lt-ie9')) {
        oldIE = true;
    }

    if (oldIE) {
        // Here's your JS for IE..
    } else {
        // ..And here's the full-fat code for everyone else
    }

}(jQuery));

感谢Paul Irish。

2012-06-09 22:38:20

if (!document.addEventListener) {
    // ie8
} else if (!window.btoa) {
    // ie9
}
// others

2015-11-12 06:56:56

我发现用于检查IE版本的最全面的JS脚本是http://www.pinlady.net/PluginDetect/IE/。整个图书馆在http://www.pinlady.net/PluginDetect/Browsers/。

在IE10中，不再支持条件语句。

在IE11中，用户代理不再包含MSIE。此外，使用用户代理是不可靠的，因为它可以被修改。

使用PluginDetect JS脚本，您可以检测IE，并通过使用针对特定IE版本的非常特定和精心制作的代码来检测准确的版本。当您非常关心您正在使用的浏览器版本时，这是非常有用的。

2014-01-17 21:08:00

对于ie 10和11:

你可以使用js并在html中添加一个类来保持条件注释的标准:

  var ua = navigator.userAgent,
      doc = document.documentElement;

  if ((ua.match(/MSIE 10.0/i))) {
    doc.className = doc.className + " ie10";

  } else if((ua.match(/rv:11.0/i))){
    doc.className = doc.className + " ie11";
  }

或者使用像bowser这样的库:

https://github.com/ded/bowser

或者modernizr用于特征检测:

http://modernizr.com/

2014-02-09 14:50:42

检测IE及其版本再容易不过了，你所需要的只是一点原生/香草Javascript:

var uA = navigator.userAgent;
var browser = null;
var ieVersion = null;

if (uA.indexOf('MSIE 6') >= 0) {
    browser = 'IE';
    ieVersion = 6;
}
if (uA.indexOf('MSIE 7') >= 0) {
    browser = 'IE';
    ieVersion = 7;
}
if (document.documentMode) { // as of IE8
    browser = 'IE';
    ieVersion = document.documentMode;
}

下面是一种用法:

if (browser == 'IE' && ieVersion <= 9) 
    document.documentElement.className += ' ie9-';

适用于所有IE版本，包括更高版本的低兼容性视图/模式，documentMode是IE专有的。

2014-06-18 13:45:46

在JavaScript中检测IE版本(v9之前)

推荐文章

最新文章

标签