上一篇 前端 浏览器所在客户端信息,有浏览器信息后,以下是区分手机的详细类型
虽然没难度,但是记录下来,方便后续无脑复制:
苹果APP类型
1 //iOS
2 isIPhone = (userAgent: string) => /iphone/i.test(userAgent);3 isIPod = (userAgent: string) => /ipod/i.test(userAgent);4 isIPad = (userAgent: string) => /iPad/i.test(userAgent);5 public isIOS = (userAgent: string) => this.isIPhone(userAgent) || this.isIPod(userAgent) || this.isIPad(userAgent);
注:最新ipad pro版本是MAC系统,无法通过浏览器信息来区分ipad pro与MAC,详细浏览器信息:
1 Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.4 Safari/605.1.15
所以,除非苹果修复这个设计问题,否则我们只能绕道规避。
目前大家区分ipad pro与MAC的方法是,判断设备是否支持触摸
1 isIPadPro = (userAgent: string) => /macintosh/i.test(userAgent) && navigator.maxTouchPoints > 1;
参考链接: