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

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)
  }
})

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

但是從ios14開(kāi)始有劉海屏的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

通過(guò)ihoneX真機(jī)打印手機(jī)信息參數(shù)model包含手機(jī)型號(hào)信息

通過(guò)ihone6s真機(jī)打印手機(jī)信息參數(shù)model包含手機(jī)型號(hào)信息

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

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

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

在onLaunch方法中加入下面代碼

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

      }
    })

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

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

用法：

const app = getApp()

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