如何在ChromeOS运行的Android应用中正确检测User-Agent

你的代码虽包含ChromeOS检测逻辑，但Chromebook运行Android应用时，User-Agent字符串可能同时携带Android和Mobile标识，且原有正则未完全覆盖实际UA格式，导致设备被误判为手机。以下是具体修复方案：

问题根源 #

Chromebook的Android容器环境中，User-Agent通常包含CrOS（转小写后为cros），但部分机型UA可能附带Mobile字段，且若正则匹配顺序或规则未优先锁定ChromeOS特征，就会触发后续的手机检测逻辑。

修复步骤 #

1. 强化ChromeOS检测规则 #

优先匹配ChromeOS相关标识（兼容更多UA格式），确保该检测逻辑在所有移动设备判断之前执行：

var deviceDetector = (function() {
    var userAgent = navigator.userAgent.toLowerCase();

    var detectDevice = function(ua) {
        ua = ua.toLowerCase();

        // 优先检测ChromeOS，覆盖"cros"和"chromebook"两种标识
        if (/cros|chromebook/.test(ua)) {
            return "desktop";
        }

        // 检测Android TV
        if (/android.*tv/.test(ua)) {
            return "desktop";
        }

        // 检测平板
        if (/ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP)))/.test(ua)) {
            return "tablet";
        }

        // 检测手机（排除ChromeOS设备）
        if (!/cros|chromebook/.test(ua) && /mobi|ipod|phone|blackberry|opera mini|fennec|minimo|symbian|psp|nintendo ds|archos|skyfire|puffin|blazer|bolt|gobrowser|iris|maemo|semc|teashark|uzard/.test(ua)) {
            return "phone";
        }

        // 默认识别为桌面端
        return "desktop";
    };

    var detectedDevice = detectDevice(userAgent);

    return {
        device: detectedDevice,
        detect: detectDevice,
        isMobile: detectedDevice !== "desktop",
        userAgent: userAgent
    };
})();

2. 补充平台检测（提升可靠性） #

除User-Agent外，可结合navigator.platform辅助判断，Chromebook的平台字段通常返回Linux x86_64或Linux armv8l，进一步降低误判概率：

var detectDevice = function(ua) {
    ua = ua.toLowerCase();
    // 结合UA和平台特征判断ChromeOS
    var isChromeOS = /cros|chromebook/.test(ua) || navigator.platform.startsWith("Linux");
    
    if (isChromeOS) {
        return "desktop";
    }

    // 后续原有检测逻辑...
};

3. 验证实际UA特征 #

可在Chromebook的Android应用中打印navigator.userAgent和navigator.platform的值，根据实际返回的标识内容，针对性调整正则规则，确保完全覆盖目标设备的特征。

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