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

时间:2019-04-11
本文章向大家介绍微信小程序获取手机网络状态的方法【附源码下载】,主要包括微信小程序获取手机网络状态的方法【附源码下载】使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

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

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、源代码点击此处本站下载

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