使用JavaScript无法区分iPad Pro与Mac设备的问题求助

苹果在iPadOS 13之后默认给iPad开启了「桌面级网站」选项，导致UA和Mac端Safari完全一致，无法仅通过UA区分，可通过以下硬件特性组合判断：

• 优先使用navigator.maxTouchPoints判断：iPad设备的最大支持触控点固定为5，而所有Mac设备（无论Intel架构还是Apple Silicon架构）的maxTouchPoints返回值均不超过1，配合平台属性判断的代码如下：

// 复合判断逻辑
const isIPad = () => {
  // 排除iPhone/iPod的情况
  if (/iPhone|iPod/.test(navigator.userAgent)) return false;
  // 旧版iPad直接匹配UA
  if (/iPad/.test(navigator.userAgent)) return true;
  // 新版iPad UA伪装成Mac的情况，通过触控点数判断
  return navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1;
}

• 补充判断navigator.standalone属性：该属性为iOS/iPadOS独有，用于标识PWA是否从主屏幕启动，Mac端Safari不存在该属性，可用来做二次校验降低误判率。
• 特殊场景补充校验：如果是需要极高准确率的场景，可额外检测是否支持GestureEvent这类iPadOS独有的原生手势事件，Mac端浏览器默认不支持该类事件。

注意：不建议单独使用屏幕尺寸、分辨率这类软特征判断，容易被浏览器窗口大小、外接显示器等情况干扰，建议至少组合2种硬件级特征做判断，整体准确率可以达到99%以上。

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