微信小程序適配iPhone X

一、獲取設備型號

App({
  // 全局數據
  globalData: {
    // 其餘數據定義 ...
    
    isIPX: false, // 當前設備是否爲 iPhone X
  },
  
  // 小程序啓動入口
  onLaunch: function (options) {
    // 其餘啓動代碼...
    
    // 判斷設備是否爲 iPhone X
    this.checkIsIPhoneX()
  },
  
  checkIsIPhoneX: function() {
    const self = this
    wx.getSystemInfo({
      success: function (res) {
        // 根據 model 進行判斷
        if (res.model.search('iPhone X') != -1) {
          self.globalData.isIPX = true
        }
        // 或者根據 screenHeight 進行判斷
        // if (res.screenHeight == 812) {
        //   self.globalData.isIPX = true
        // }
      }
    })
  },

NOTE:

這裏有一個小坑須要注意，在微信開發者工具中的模擬器，若是選擇爲 iPhone X，此時獲取到的 model 值爲 iPhone X，致使我覺得真機也是這個值，因而直接用 if (model == 'iPhone X') 來判斷，但其實真機下 model 的值爲這種格式： iPhone X (GSM+CDMA)<iPhone10,3>，所以咱們須要用字符串檢索匹配進行判斷