微信小程序开发（七）获取手机网络类型

最新推荐文章于 2025-05-08 15:55:13 发布

原创最新推荐文章于 2025-05-08 15:55:13 发布 · 364 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种在微信小程序中检测当前设备网络状态的方法。通过使用wx.getNetworkType API，可以实时获取并显示网络类型，如WiFi、4G、3G等。此功能对于需要实时网络连接的应用尤其重要。

// succ.wxml
<view>手机网络状态：{{netWorkType}}</view>

// succ.js
var app = getApp()
Page({
  data: {
    netWorkType: '' // 网络类型
  },
  onLoad: function (e) {  // 获取参数
    var that = this;
    wx.getNetworkType({  // 获取网络类型
      success: function (res) {
        that.setData({
          netWorkType: res.networkType
        })
      }
    })
  }
})