微信小程序实时监测网络状态变化

前言:在小程序项目中,我们要实时监测用户的网络状态切换,来给我相对应的提示,尤其是项目中有播放视频的功能,我们更要提醒用户他是否是WiFi播放或者流量


实现方法 wx.onNetworkStatusChange

我们要想实时动态监测要把这个方法放在app.js 里的 onLaunch()方法里

  onLaunch: function () {
    wx.onNetworkStatusChange((res) => {
      this.globalData.globalNetWork = res.networkType;  //这里是我定义的用来全局存储网络状态的
      if(res.networkType != 'wifi' && res.networkType != 'none'){
        wx.showToast({
          title: '正在使用流量播放',
          icon:'none',
          duration:3000
        })
      }else if(res.networkType == 'none'){
        wx.showToast({
          title: '网络异常,请稍后再试',
          icon:'none',
          duration:3000
        })
      }
      
    });
  }

end~~~

如有错误或观点不一致的请评论留言共同讨论,本人前端小白一枚,根据自己实际项目遇到的问题进行总结分享,谢谢大家的阅读!

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值