微信小程序API 之 设备- 网络状态 wx.getNetworkType(OBJECT)、wx.onNetworkStatusChange(CALLBACK)

网络状态

返回网络类型, 有效值：

• wifi
• 2g
• 3g
• 4g
• unknown(Android下不常见的网络类型)
• none(无网络)

wx.getNetworkType(OBJECT)

<view class="container">
  <button bindtap='getNetwork'>获取网络类型</button>
  <view wx:if="{{networkType !=''}}">
    <view>网络类型:{{networkType}}</view>
  </view>
</view>

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    networkType:''
  },
  onLoad: function () {

  },
  getNetwork:function(){
    var _this=this;
    wx.getNetworkType({
      success: function (res) {
        // 返回网络类型, 有效值：
        // wifi/2g/3g/4g/unknown(Android下不常见的网络类型)/none(无网络)
        var networkType = res.networkType
        _this.setData({
          networkType: networkType
        })
      }
    })
  }
})

监听网络状态变化

监听网络状态变化。
基础库 1.1.0 开始支持，低版本需做兼容处理

wx.onNetworkStatusChange(CALLBACK)

<view class="container">
  <button bindtap='getNetwork'>监听网络状态变化</button>
  <view wx:if="{{networkType !=''}}">
    <view>当前是否有网络连接:{{isConnected}}</view>
    <view>网络类型:{{networkType}}</view>
  </view>
</view>

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    networkType:'',
    isConnected:''
  },
  onLoad: function () {

  },
  getNetwork:function(){
    var _this=this;
    wx.onNetworkStatusChange(function (res) {
        var networkType = res.networkType
        var isConnected = res.isConnected
        _this.setData({
          networkType: networkType,
          isConnected: isConnected
        })
    })
  }
})