首页 > 小程序定制 > 微信小程序如何判断系统并定制不一样的功能

微信小程序如何判断系统并定制不一样的功能

小程序是一个安卓和苹果平台的解决方案,但是呢难免我们需要给两个平台做一些区别的功能,下面跟着我一起看看如何给不同的平台定制功能。

核心:

  1. 条件渲染—wx:if (主要配合api来判断设备系统,再加载相关内容)

  2. Api-wx.getSystemInfo(OBJECT) (获取设备信息)

实现:

先在js文件页添加下面代码

微信小程序如何判断系统并定制不一样的功能

注意:图中的systemInfo 是有对应的关系

从js中获取到设备的信息后,然后我们就可以在wxml文件里判断了

微信小程序如何判断系统并定制不一样的功能

systemInfo.platform=客户端平台

当然你也可以去官方看这个api接口返回的信息,可以做不一样的哦。

代码:

var that = this;

// 获取系统资料

wx.getSystemInfo({

success: function (res) {

that.setData({

systemInfo: res

});

}

})

<!--苹果系统-->

<block wx:if="{{systemInfo.platform == 'ios'}}">

</block>

<!--安卓系统-->

<block wx:if="{{systemInfo.platform == 'android'}}">

</block>

,可以参考微信小程序开发的资料,