博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序(兼容性问题)
阅读量:6583 次
发布时间:2019-06-24

本文共 968 字,大约阅读时间需要 3 分钟。

兼容

小程序的功能不断的增加,但是旧版本的微信客户端并不支持新功能,所以在使用这些新能力的时候需要做兼容。

文档会在组件,API等页面描述中带上各个功能所支持的版本号

可以通过 wx.getSystemInfo 或者 wx.getSystemInfoSync 获取到小程序的基础库版本号。

//getSystemInfo :获取系统信息   getSystemInfoSync :获取系统信息同步

也可以通过 wx.canIUse  来判断是否可以在该基础库版本下直接使用对应的API或者组件

兼容方式 - 接口

对于新增的 API,可以用以下代码来判断是否支持用户的手机。

//bluetooth:蓝牙  adapter:适配器   modal:情态的;形式的

if (wx.openBluetoothAdapter) {

  wx.openBluetoothAdapter()

} else {

  // 如果希望用户在最新版本的客户端上体验您的小程序,可以这样子提示

  wx.showModal({

    title: '提示',

    content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'

  })

}

兼容方式 - 参数

对于 API 的参数或者返回值有新增的参数,可以判断用以下代码判断。

wx.showModal({

  success: function(res) {

    if (wx.canIUse('showModal.cancel')) {

      console.log(res.cancel)

    }

  }

})

兼容方式 - 组件

//contact:接触;

对于组件,新增的属性在旧版本上不会被处理,不过也不会报错。如果特殊场景需要对旧版本做一些降级处理,可以这样子做。

Page({

  data: {

    canIUse: wx.canIUse('button.open-type.contact')

  }

})

<button wx:if="{

{canIUse}}" open-type="contact"> 

客服消息

</button>

<contact-button wx:else></contact-button>

 

转载于:https://www.cnblogs.com/yiweiyihang/p/6733576.html

你可能感兴趣的文章
JSON for Modern C++ 3.6.0 发布
查看>>
我的友情链接
查看>>
监听在微信中打开页面时的自带返回按钮事件
查看>>
第一个php页面
查看>>
最优化问题中黄金分割法的代码
查看>>
在JS中使用Ajax
查看>>
Jolt大奖获奖图书
查看>>
ubuntu 16.04 安装PhpMyAdmin
查看>>
设置分录行按钮监听事件
查看>>
23种设计模式(1):单例模式
查看>>
socket 编程入门教程(五)UDP原理:4、“有连接”的UDP
查看>>
Jquery获取iframe中的元素
查看>>
Laravel 学习笔记5.3之 Query Builder 源码解析(下)
查看>>
Struts2简单入门实例
查看>>
2012CSDN年度博客之星评选http://vote.blog.csdn.net/item/blogstar/xyz_lmn
查看>>
BZOJ 4037 [HAOI2015]数字串拆分 ——动态规划
查看>>
SpringBoot实战总汇--详解
查看>>
2018年7月1日笔记
查看>>
尝试使用iReport4.7(基于Ubuntu Desktop 12.04 LTS)
查看>>
子元素应该margin-top为何会影响父元素【转】
查看>>