通过 JavaScript 实现简单高效的平台检测

在前端开发中，我们经常需要根据用户使用的设备或操作系统来优化体验。本文将介绍如何用一段简洁的 JavaScript 代码实现前端平台检测功能，识别用户是在 Android、iOS、Windows、macOS 还是 Linux 系统上访问。
核心原理是分析浏览器提供的navigator.userAgent属性，这个属性包含了浏览器类型、操作系统等信息。我们可以通过正则表达式匹配这些信息中的特征字符串，从而判断设备平台。
实现代码：

function getPlatform() {
    // 定义各平台的识别规则
    const PLATFORM_PATTERNS = {
        android: /Android/i,
        ios: /(iPhone|iPad|iPod)/i,
        windows: /Win(?:dows )?(NT|10|11)/i,
        macos: /(Mac OS|Macintosh|MacIntel)/i,
        linux: /(Linux|X11)/i
    };

    // 获取用户代理字符串
    const ua = navigator.userAgent;

    // 优先检查iOS（避免被MacOS误匹配）
    if (PLATFORM_PATTERNS.ios.test(ua)) {
        return 'ios';
    }

    // 顺序匹配其他平台
    return (
        Object.keys(PLATFORM_PATTERNS).find(platform => 
            platform !== 'ios' && PLATFORM_PATTERNS[platform].test(ua)
        ) || 'unknown'
    );
}
console.log(getPlatform());