js怎么判断当前手机是不是iphone x系列的底部有touch bar的机型？

最新推荐文章于 2024-10-30 18:24:25 发布

xd_yangxiaoromg

最新推荐文章于 2024-10-30 18:24:25 发布

阅读量1k

点赞数 1

文章标签： js javascript iphone x系列手机 touch bar

本文链接：https://blog.csdn.net/xd_yangxiaoromg/article/details/114643750

版权

export function isIphonex() { // 判断是不是X类型手机
    // X XS, XS Max, XR，11， 11pro，11pro max，12mini，12， 12 pro，12 pro max
    const xSeriesConfig = [
      {
        devicePixelRatio: 3,
        width: 375,
        height: 812,
      },
      {
        devicePixelRatio: 3,
        width: 414,
        height: 896,
      },
      {
        devicePixelRatio: 2,
        width: 414,
        height: 896,
      },
      {
        devicePixelRatio: 3,
        width: 315,
        height: 812,
      },
      {
        devicePixelRatio: 3,
        width: 390,
        height: 844,
      },
      {
        devicePixelRatio: 3,
        width: 428,
        height: 926,
      }
    ];
    // h5
    if (typeof window !== 'undefined' && window) {
      const isIOS = /iphone/gi.test(window.navigator.userAgent);
      if (!isIOS) return false;
      const { devicePixelRatio, screen } = window;
      const { width, height } = screen;
      return xSeriesConfig.some(item => item.devicePixelRatio === devicePixelRatio && item.width === width && item.height === height);
    }
    return false;
}

参考资料：https://useyourloaf.com/blog/iphone-12-screen-sizes/