Javascript判断是否iphone全面屏手机

最新推荐文章于 2022-08-02 17:21:41 发布

xuanwuziyou

最新推荐文章于 2022-08-02 17:21:41 发布

阅读量3.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Web前端技术

本文链接：https://blog.youkuaiyun.com/xuanwuziyou/article/details/104274194

Web前端技术专栏收录该内容

115 篇文章

订阅专栏

本文介绍了一种使用Javascript检测是否为iPhone全面屏手机的方法。通过检查userAgent字符串、屏幕高度及像素密度，可以判断设备是否为iPhone X及后续的全面屏机型。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Javascript判断是否iphone全面屏手机：

function testUA (str) {
  return navigator.userAgent.indexOf(str) > -1
}
// 判断是iphoneX及以后的iphone手机（即iphone带全面屏的手机）
var isNewIphone = window && testUA('iPhone') && window.screen.height >= 812 && window.devicePixelRatio >= 2;

原因：iphoneX及之后更新的iphone手机，其window.screen.height最小是812，且window.devicePixelRatio最小是2。