详细判断浏览器运行环境( 二 ) _浏览器

获取UserAgent是否包含字段：判断是否包含系统、平台、内核、载体、外壳的特有字段

const testUa = regexp => regexp.test(ua);

获取UserAgent对应字段的版本

const testVs = regexp => ua.match(regexp).toString().replace(/[^0-9|_.]/g, "").replace(/_/g, ".");方案上述准备工作完成后，我们就按照权重(系统 + 系统版本 > 平台 > 内核 + 载体 + 内核版本 + 载体版本 > 外壳 + 外壳版本)根据系统、平台、内核、载体、外壳的特有字段来归类统一浏览器运行环境。

系统+系统版本

// 系统let system = "unknow";if (testUa(/windows|win32|win64|wow32|wow64/g)) { system = "windows"; // windows系统} else if (testUa(/macintosh|macintel/g)) { system = "macos"; // macos系统} else if (testUa(/x11/g)) { system = "linux"; // linux系统} else if (testUa(/android|adr/g)) { system = "android"; // android系统} else if (testUa(/ios|iphone|ipad|ipod|iwatch/g)) { system = "ios"; // ios系统}// 系统版本let systemVs = "unknow";if (system === "windows") { if (testUa(/windows nt 5.0|windows 2000/g)) { systemVs = "2000"; } else if (testUa(/windows nt 5.1|windows xp/g)) { systemVs = "xp"; } else if (testUa(/windows nt 5.2|windows 2003/g)) { systemVs = "2003"; } else if (testUa(/windows nt 6.0|windows vista/g)) { systemVs = "vista"; } else if (testUa(/windows nt 6.1|windows 7/g)) { systemVs = "7"; } else if (testUa(/windows nt 6.2|windows 8/g)) { systemVs = "8"; } else if (testUa(/windows nt 6.3|windows 8.1/g)) { systemVs = "8.1"; } else if (testUa(/windows nt 10.0|windows 10/g)) { systemVs = "10"; }} else if (system === "macos") { systemVs = testVs(/os x [d._]+/g);} else if (system === "android") { systemVs = testVs(/android [d._]+/g);} else if (system === "ios") { systemVs = testVs(/os [d._]+/g);}

平台

let platform = "unknow";if (system === "windows" || system === "macos" || system === "linux") { platform = "desktop"; // 桌面端} else if (system === "android" || system === "ios" || testUa(/mobile/g)) { platform = "mobile"; // 移动端}

内核+载体

内核版本+载体版本

// 内核版本let engineVs = "unknow";if (engine === "webkit") { engineVs = testVs(/applewebkit/[d._]+/g);} else if (engine === "gecko") { engineVs = testVs(/gecko/[d._]+/g);} else if (engine === "presto") { engineVs = testVs(/presto/[d._]+/g);} else if (engine === "trident") { engineVs = testVs(/trident/[d._]+/g);}// 载体版本let supporterVs = "unknow";if (supporter === "chrome") { supporterVs = testVs(/chrome/[d._]+/g);} else if (supporter === "safari") { supporterVs = testVs(/version/[d._]+/g);} else if (supporter === "firefox") { supporterVs = testVs(/firefox/[d._]+/g);} else if (supporter === "opera") { supporterVs = testVs(/opr/[d._]+/g);} else if (supporter === "iexplore") { supporterVs = testVs(/(msie [d._]+)|(rv:[d._]+)/g);} else if (supporter === "edge") { supporterVs = testVs(/edge/[d._]+/g);}