wx.getSystemInfo(Object object) | 微信開放文檔

wx.getSystemInfo({
  success (res) {
    console.log(res.model)
    console.log(res.pixelRatio)
    console.log(res.windowWidth)
    console.log(res.windowHeight)
    console.log(res.language)
    console.log(res.version)
    console.log(res.platform)
  }
})

蘋果手機不通機型在同一個系統(tǒng)下狀態(tài)欄的高度可能不通，從ios14開始，劉海屏手機的狀態(tài)欄不一定是44，ios14系統(tǒng)增加了 一個隱私提示燈 功能，因此ios14之前狀態(tài)欄高度：有劉海屏iPhone為44，無劉海屏為20。

但是從ios14開始有劉海屏的iPhone狀態(tài)欄高度不一定是44了。如：

iPhoneXR,iPhone11 狀態(tài)欄高度為48，

iPhone X，iPhone 11 Pro，iPhone 11 Pro Max，iPhone 12 mini，狀態(tài)欄高度44，

iPhone 12，iPhone 12 Pro，iPhone 12 Pro Max，狀態(tài)欄高度為47.

iPhone 13 mini狀態(tài)欄高度為50，

iPhone 13，iPhone 13 Pro，iPhone 13 Pro Max，狀態(tài)欄高度為47.

ihoneX

通過ihoneX真機打印手機信息參數(shù)model包含手機型號信息

通過ihone6s真機打印手機信息參數(shù)model包含手機型號信息

所有設備型號官網(wǎng)地址： Models - The iPhone Wiki

由于劉海屏的狀態(tài)欄的高度不固定，但是都是大于20的，非劉海屏的狀態(tài)欄都是20，

所以判斷是iPhone劉海屏機型的條件就可以是： model帶iPhone字樣 && statusBarHeight > 20， 我們寫一個全局變量在app.js文件中：

在onLaunch方法中加入下面代碼

var _this = this;
    wx.getSystemInfo({
      success: function (res) {
        console.log('手機設備信息',res);
        // 判斷設備是否為劉海屏
        if (res.model.indexOf("iPhone") >= 0 && (res.statusBarHeight > 20)) {
           _this.globalData.isIPhoneXSeries = true;
           _this.tabbarSafeBottomMargin = res.screenHeight - res.safeArea.bottom
        }

      }
    })

ios開發(fā)屏幕適配pt和px之間的換算，小程序開發(fā)px和ios開發(fā)的px不等同

vh_CSS3屬性_CSS參考手冊 - html中文網(wǎng)

用法：

const app = getApp()

//注意獲取的tabmargin的 單位是px而不是rpx ，不用劉海屏手機上tabmargin的大小都是34px，在ios開發(fā)中用的是tabmargin是34pt，微信小程序開發(fā)px和ios開發(fā)的px不完全等同的