微信小程序判断手机机型，iPhone X及以上机型留出底部空白

最新推荐文章于 2025-06-16 16:34:22 发布

M_SSY

最新推荐文章于 2025-06-16 16:34:22 发布

阅读量2.4k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：微信小程序 iphone 小程序

本文链接：https://blog.youkuaiyun.com/M_SSY/article/details/121104417

微信小程序专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种通过小程序API获取屏幕安全区域信息的方法，并利用这些信息判断当前设备是否为iPhoneX。通过修改app.js中的全局变量来实现不同页面对iPhoneX状态的引用。

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

1.在app.js内判断

App({
  isIPhoneX: false, // 当前设备是否为 iPhone X
  kBottomSafeHeight: 0, // X 34 ，其余 0 


  // 判断设备是否为 iPhone X
  checkIsIPhoneX: function () {
    var that = this
    wx.getSystemInfo({
      success: function (res) {
        var safeBottom = res.screenHeight - res.safeArea.bottom
        that.kBottomSafeHeight = safeBottom
        //根据安全高度判断
        if (safeBottom === 34) {
          that.isIPhoneX = true
        }
      }
    })
  },

  onLaunch() {
    this.checkIsIPhoneX()
  }
})

在其他页面直接使用app.kBottomSafeHeight引用