2023年微信小程序 兼容
作者: --时间: 2025-05-19 22:52:29 阅读量:

现在的小程序已经拥有很多新的功能,但旧版本的微信客户端并不支持这些新功能,因此在使用它们的时候需要考虑兼容性。

针对每个功能,文档中都标明了所支持的最低基础库版本号,开发者可以通过调用wx.getSystemInfowx.getSystemInfoSync获取小程序的当前基础库版本号来判断是否支持该功能。而wx.canIUse 则可以帮助开发者快速查阅 API 或组件在各个基础库版本间的兼容情况。

1. 兼容方式 - 接口

针对新增的API,可以使用wx.canIUse在代码中进行判断,如果不存在该API则给出相应提示。

if (wx.openBluetoothAdapter) {
  wx.openBluetoothAdapter()
} else {
  wx.showModal({
    title: '提示',
    content: '微信版本过低,无法使用此功能,请升级微信版本后重试。'
  })
}

2. 兼容方式 - 参数

如果 API 的参数或返回值有新增的属性,可以使用wx.canIUse方法进行判断,以确保代码的正确运行。

wx.showModal({
  success: function(res) {
    if (wx.canIUse('showModal.cancel')) {
      console.log(res.cancel)
    }
  }
})

3. 兼容方式 - 组件

对于新增的组件属性,旧版本上不会被处理而直接失效。如果需要向旧版本兼容,则应使用wx.canIUse判断是否支持该属性,如果不支持则使用已有的降级替代方案。

Page({
  data: {
    canIUse: wx.canIUse('button.open-type.contact')
  }
})
<button wx:if="{{canIUse}}" open-type="contact"> 客服消息 </button>
<contact-button wx:else></contact-button>
一套系统全搞定
  • 商家管理
  • 商品管理
  • 订单管理
  • 会员管理
  • 营销中心
  • 供应链入驻
  • 财务管理
  • 支付分账
  • 商城直播
免费试用
更多产品任你选
B2B2C多用户商城系统

类天猫&京东模式系统

了解更多
B2B2B电商交易系统

全渠道订货/采购及经销商管
理数字化系统

了解更多
S2B2B电商交易系统

上下游资源整合数字化解决方

了解更多
企业集采商城系统

中大型企业数字化采购与交易
系统

了解更多
员工福利商城系统

集福利管理、发放于一体的员
工福利商城

了解更多

电话咨询 微信咨询 0元开店