微信小程序适配 iPhone 11/Pro

由于目前 iPhone 发售的新机型，iPhone X / iPhone 11 系列，都是刘海屏。因此在小程序设计中，我们经常需要考虑到底部的适配。

常规的我们是通过获取系统信息模块来获取的。

cont app = getApp();

wx.getSystemInfo({
  success: function(res) {
    //model中包含着设备信息
    console.log(res.model)
    const model = res.model;
    if (model.search('iPhone X') != -1){
      app.globalData.isIpx = true;
    }else{
      app.globalData.isIpx = false;
    }
  }
})

而 iPhone 11 系列由于微信还未及时更新型号，返回的

res.model 是 unknown(iphone) 因此我们可以在正则里这样判断

//...
const model = res.model;
if (/iphone\sx/i.test(model) 
  || (/iphone/i.test(model) && /unknown/.test(model))
  || /iphone\s11/.test(model)){
      app.globalData.isIpx = true;
}else{
      app.globalData.isIpx = false;
 }

如果你希望兼容未来 升级后的话，也可以提前写好对 11 的预判。

原文：https://www.jackpu.com/wei-xin-xiao-cheng-xu-gua-pei-iphone-11-pro/

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://shenqiku.cn/article/FLY_6789