如何通过JavaScript检测Internet Explorer 11及更低版本？

嘿，这个问题我太熟悉了！要准确检测IE11及以下版本，得注意IE11和旧版IE（IE6-10）在标识上的差异——IE11特意改了User-Agent字符串，不像旧版那样带MSIE标识，所以得兼顾两种情况。下面给你两种靠谱的实现方案：

这个方法通过分析浏览器的User-Agent字符串，同时覆盖旧版IE和IE11的特征：

function isIEOrLower() {
  // 检测IE10及以下：User-Agent中包含"MSIE"关键字
  const isOldIE = navigator.userAgent.indexOf('MSIE ') !== -1;
  // 检测IE11：User-Agent中包含"Trident"（IE的渲染引擎）但不含"Edge"（排除早期Edge浏览器）
  const isIE11 = navigator.userAgent.indexOf('Trident/') !== -1 && navigator.userAgent.indexOf('Edge/') === -1;
  
  return isOldIE || isIE11;
}

// 调用示例
if (isIEOrLower()) {
  alert('您正在使用Internet Explorer 11或更早版本，请考虑升级浏览器以获得更好的体验！');
}

为什么这么写？ #

• 旧版IE（IE6到IE10）的User-Agent里都会带有MSIE标识，很好识别；
• IE11移除了MSIE，但保留了Trident/7.0（它的渲染引擎版本），不过早期Edge浏览器也会带Trident，所以要加上排除Edge/的判断，避免误判。

如果你的项目需要针对旧版IE做特殊样式或脚本加载，IE专属的条件注释是个更直接的选择，再配合JS补充检测IE11：

<!-- 仅IE10及以下会解析这段注释里的脚本 -->
<!--[if lte IE 10]>
<script>
  window.isIE = true;
</script>
<![endif]-->

<script>
// 单独检测IE11，合并结果
window.isIE = window.isIE || (navigator.userAgent.indexOf('Trident/') !== -1 && navigator.userAgent.indexOf('Edge/') === -1);

// 使用示例
if (window.isIE) {
  // 在这里处理IE专属逻辑，比如加载兼容补丁、显示提示等
  console.log('检测到IE浏览器');
}
</script>

优势： #

条件注释是IE原生支持的特性，不会被其他浏览器解析，对旧版IE的检测更精准，不需要依赖User-Agent字符串。

浏览器的User-Agent可以被用户修改，所以如果是涉及核心功能的兼容处理，建议结合特性检测。比如你要使用fetch API，先检测这个API是否存在，再结合浏览器判断：

if (!window.fetch && isIEOrLower()) {
  // 加载fetch的polyfill，或者提示用户升级浏览器
  alert('您的浏览器不支持现代网络功能，请升级后重试！');
}

这样既避免了User-Agent被修改导致的误判，也能更精准地针对缺失的功能做兼容。

内容的提问来源于stack exchange，提问作者user9678848