ASP.NET C# 如何区分iOS13系统iPad与Mac OS设备

问题根因 #

iOS13及更高版本的iPad默认开启了桌面级浏览功能，发送的用户代理（UA）字符串与MacOS设备的UA完全一致，传统仅通过UA匹配的识别逻辑会直接判定为桌面端，无法区分两类设备。

推荐方案：前端特征检测+后端协同识别（准确率99%以上） #

这个方案利用仅iPad具备的硬件特征做判断，不受UA伪装影响：

• 前端首次访问未检测过设备类型时，先运行JS特征检测，将结果写入cookie后再刷新页面，或通过接口同步给后端：

// 前端检测逻辑
function isIPad() {
  // 直接匹配platform的情况（部分未完全开启桌面模式的iPad可直接识别）
  if (navigator.platform === 'iPad') return true;
  // 匹配伪装成MacOS的iPad：苹果内核+支持多点触控（Mac桌面端最多仅支持1个触摸点）
  if (navigator.userAgent.includes('Macintosh') && navigator.maxTouchPoints > 1) return true;
  return false;
}
// 检测完成后写入cookie，有效期1天
document.cookie = "IsMobileDevice=" + (isIPad() || /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) + "; path=/; max-age=86400";
// 首次检测完成后刷新页面，让后端拿到cookie判断
if (!document.cookie.includes('IsMobileDevice')) location.reload();

• 后端Page_Load事件中优先读取cookie判断设备类型，再执行跳转逻辑：

protected void Page_Load(object sender, EventArgs e)
{
    bool isMobile = false;
    // 优先读取前端写入的设备识别cookie
    HttpCookie deviceCookie = Request.Cookies["IsMobileDevice"];
    if (deviceCookie != null)
    {
        bool.TryParse(deviceCookie.Value, out isMobile);
    }
    else
    {
        // 无cookie时走传统UA判断兜底，同时等待前端检测完成后刷新
        string ua = Request.UserAgent.ToLower();
        isMobile = ua.Contains("android") || ua.Contains("iphone") || ua.Contains("ipod");
    }
    // 识别为移动端时跳转到专属页面
    if (isMobile && !Request.Url.AbsolutePath.StartsWith("/mobile/"))
    {
        Response.Redirect("/mobile/");
    }
}

备选方案：纯后端轻量识别 #

如果不想改造前端，可通过请求头的Sec-CH-UA-Mobile标识判断，大部分现代浏览器都会携带该头：

protected void Page_Load(object sender, EventArgs e)
{
    string ua = Request.UserAgent.ToLower();
    bool isMobile = false;
    // 识别普通移动端设备
    isMobile = ua.Contains("android") || ua.Contains("iphone") || ua.Contains("ipod");
    // 识别伪装成MacOS的iPad
    if (ua.Contains("macintosh"))
    {
        string mobileHeader = Request.Headers["Sec-CH-UA-Mobile"];
        if (!string.IsNullOrEmpty(mobileHeader) && mobileHeader == "?1")
        {
            isMobile = true;
        }
    }
    // 后续跳转逻辑同上
}

注意：该方案仅支持携带客户端提示头（Client Hints）的浏览器，旧版本浏览器可能识别失败，准确率低于第一种方案。

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