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

最新推荐文章于 2024-12-12 20:02:37 发布

原创最新推荐文章于 2024-12-12 20:02:37 发布 · 2.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #iphone #小程序

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

9 篇文章

订阅专栏

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

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引用