微信小程序获取手机网络状态的方法【附源码下载】

微信小程序获取手机网络状态的方法【附源码下载】

本文实例讲述了微信小程序获取手机网络状态的方法。分享给大家供大家参考,具体如下:

1、效果展示

微信小程序获取手机网络状态的方法【附源码下载】

2、关键代码

index.wxml布局文件代码

<view>手机网络状态:{{netWorkType}}</view>

index.js逻辑文件代码

Page({
 data: {
 netWorkType:''
 },
 onLoad: function () {
 var that=this
 wx.getNetworkType({
  success: function(res) {
  that.setData({
   netWorkType:res.networkType
  })
  }
 })
 }
})

这里使用了wx.getNetworkType函数获取网络连接状态。详细参数与用法说明可参考官网:https://mp.weixin.qq.com/debug/wxadoc/dev/api/device.html#wxgetnetworktypeobject

3、源代码点击此处本站下载

希望本文所述对大家微信小程序开发有所帮助。