JavaScript如何准确识别iPhone设备上的Chrome等第三方浏览器

API 探路者

2026-8-28

iPhone端Chrome浏览器准确识别方案

原有代码检测失效是因为iOS平台限制所有第三方浏览器必须使用WebKit内核，默认UA会携带Safari相关字段，但Chrome等第三方浏览器都会在UA中追加自身专属标识，优先匹配这些标识即可准确识别，不存在技术障碍。

Chrome for iOS在UA中追加的专属标识为CriOS，将UA转为小写后匹配crios字段，即可判定当前为iOS端Chrome环境。

修正后的完整检测代码

var browser = (function (agent) {
    switch (true) {
        case agent.indexOf("edge") > -1: return "MS Edge (EdgeHtml)";
        case agent.indexOf("edg/") > -1: return "MS Edge Chromium";
        // iOS端第三方浏览器专属标识，需放在Safari判断前优先匹配
        case agent.indexOf("edgios") > -1: return "MS Edge (iOS)";
        case agent.indexOf("fxios") > -1: return "Firefox (iOS)";
        case agent.indexOf("oprios") > -1 && !!window.opr: return "Opera (iOS)";
        case agent.indexOf("crios") > -1 && !!window.chrome: return "Chrome (iOS)";
        case agent.indexOf("opr") > -1 && !!window.opr: return "Opera";
        case agent.indexOf("chrome") > -1 && !!window.chrome: return "Chrome";
        case agent.indexOf("trident") > -1: return "Internet Explorer";
        case agent.indexOf("firefox") > -1: return "Firefox";
        case agent.indexOf("safari") > -1: return "Safari";
        default: return "other";
    }
})(window.navigator.userAgent.toLowerCase());