JavaScript中使用ua.match检测IE浏览器失效问题排查求助

嘿，我来帮你拆解下这个问题！你的Safari检测代码能工作，但IE的不行，主要是两个关键问题导致的，咱们一步步来看：

1. 正则表达式的空格匹配缺失 #

先看旧版IE（比如IE8/9/10）的典型User-Agent字符串：

Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0)

你写的IE正则是：ua.match(/.*;MSIE (\.?\d+);.*/g)
这里的;MSIE是直接紧接分号，但实际UA里分号后面有个空格（; MSIE），这就导致正则完全匹配不到目标内容。

而Safari的UA里，Safari/前面的空格被.*（匹配任意字符）覆盖了，所以你的Safari正则能正常工作。

2. 全局标志g的误用 #

你在两个正则里都加了g（全局匹配标志），但如果你的目的是捕获浏览器版本号，这个标志反而会帮倒忙：

• 不带g时，match()会返回一个数组，第一个元素是完整匹配的字符串，后面的元素是捕获组的内容（比如版本号）。
• 带g时，match()只会返回所有完整匹配的字符串数组，丢失捕获组的信息。

比如你的Safari代码ua.match(/.*Safari\/(\.?\d+).*/g)，返回的是类似["...Safari/605.1.15..."]的数组，拿不到版本号605.1.15，这其实也是不正确的用法，只是刚好能检测到Safari的存在而已。

修正后的IE检测方案 #

针对旧版IE（IE10及以下） #

把正则里的空格补上，同时去掉g标志：

const ua = navigator.userAgent;
const ieMatch = ua.match(/.*; MSIE (\d+\.\d+);.*/);

if (ieMatch) {
  console.log(`检测到旧版IE，版本号：${ieMatch[1]}`);
}

兼容IE11的完整方案 #

IE11的UA已经去掉了MSIE标识，改成了rv:11.0和Trident/7.0，所以需要额外处理：

const ua = navigator.userAgent;
let isIE = false;
let ieVersion = '';

// 检测旧版IE
const oldIEMatch = ua.match(/.*; MSIE (\d+\.\d+);.*/);
// 检测IE11
const ie11Match = ua.match(/rv:(\d+\.\d+).*Trident\/\d+/);

if (oldIEMatch) {
  isIE = true;
  ieVersion = oldIEMatch[1];
} else if (ie11Match) {
  isIE = true;
  ieVersion = ie11Match[1];
}

if (isIE) {
  console.log(`检测到IE浏览器，版本号：${ieVersion}`);
} else {
  console.log("未检测到IE浏览器");
}

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