微信小程序-兼容

说到兼容，那么我们先获取系统信息看看。

wx.getSystemInfo(OBJECT)

获取系统信息

同步：

     wx.getSystemInfo({      success: function(res) {        console.log("异步获取系统信息:");        console.log(res);      },    })

异步：

    try {      var res = wx.getSystemInfoSync()      console.log("同步获取系统信息：");      console.log(res);    } catch (e) {      console.log("get fail");    }

判断是否可以在该基础库版本下直接使用对应的API或者组件的API：

wx.canIUse(String)

    wx.canIUse('openBluetoothAdapter')    wx.canIUse('getSystemInfoSync.return.screenWidth')    wx.canIUse('getSystemInfo.success.screenWidth')    wx.canIUse('showToast.object.image')    wx.canIUse('onCompassChange.callback.direction')    wx.canIUse('request.object.method.GET')    wx.canIUse('contact-button')    wx.canIUse('text.selectable')    wx.canIUse('button.open-type.contact')

使用该api就可以对所有的组件、api等进行判定。

判定使用方式：

Page({  data:{    value:""  },  onLoad:function(e){    var that = this;    wx.showModal({      success: function (res) {        if (wx.canIUse('showModal')) {          console.log(res)        }        that.setData({          value: wx.canIUse('showModal')        })        console.log("value:"+that.data.value)      }    })  }})

对于接口，官网说的好像有一点不同，不过测试后发现其实效果差不多。

    if (wx.showModal) {      wx.showModal()      console.log("no");    } else {      // 如果希望用户在最新版本的客户端上体验您的小程序，可以这样子提示      wx.showModal({        title: '提示',        content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'      })    }