检测 Internet Explorer 的 JavaScript 方法

对于 Web 开发人员来说，检测用户使用的浏览器及其版本是很重要的。这尤其重要当你需要对不同的浏览器作出调整或提供降级体验。Internet Explorer 是经常需要参考的浏览器之一，因为它的不同版本可能存在不同特性和行为。

在 JavaScript 中，我们可以通过一些简单的技巧来检测用户是否在使用 Internet Explorer。

IE 版本检测

可以使用 navigator.userAgent 属性来检测浏览器的 user agent 字符串。user agent 包含了浏览器的名称、版本和操作系统等信息。

const getIEVersion = () => {
  const ua = window.navigator.userAgent;
  const msie = ua.indexOf('MSIE ');
  const trident = ua.indexOf('Trident/');
  
  if (msie > 0) {
    // IE 10 or older => return version number
    return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10);
  } else if (trident > 0) {
    // IE 11 => return version number
    const rv = ua.indexOf('rv:');
    return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10);
  } else {
    // other browser
    return false;
  }
};

console.log(getIEVersion()); // 11 (or false if the browser is not IE)

我们使用 indexOf() 方法来检查字符串中是否出现了 MSIE 或 Trident 字符串，这是 IE 的两种 user agent 标识。如果存在 MSIE，则浏览器是 IE 10 或更早的版本。如果存在 Trident，则浏览器是 IE 11。

IE 特性检测

通常来说，在你的 JavaScript 中，你可能需要检查某些特定的 IE 特性是不是存在。比如，你可能想要检查是否支持 ActiveXObject，或者是否存在某些特定的 DOM 特性或方法。可以使用下面的方法来检测。

const isIE = () => {
  const ua = window.navigator.userAgent;
  const msie = ua.indexOf('MSIE ');
  const trident = ua.indexOf('Trident/');

  return (msie > 0 || trident > 0);
};

if (isIE()) {
  // do something
}

if (document.all && !window.atob) {
  // do something
}

if (typeof window.ActiveXObject !== 'undefined') {
  // do something
}

这个方法并不保证所有的 IE 特性都可以被检测到，但可以给我们一个相对准确的结果。

总结

通过检测 IE 版本和特性，我们可以为不同的浏览器提供不同的代码和调整。但是，我们应该尽可能地最小化这些 IE 特殊情况的使用，因为这些代码往往比其他代码更容易出现错误和浏览器兼容性问题。