微信小程序断网处理

 

wx.onNetworkStatusChange(function callback)

参数

function callback

网络状态变化事件的回调函数

参数

Object res

属性	类型	说明
isConnected	boolean	当前是否有网络连接
networkType	string	网络类型

networkType 的合法值

值	说明	最低版本
wifi	wifi 网络
2g	2g 网络
3g	3g 网络
4g	4g 网络
unknown	Android 下不常见的网络类型
none	无网络

示例代码

wx.onNetworkStatusChange(function (res) {
  console.log(res.isConnected)
  console.log(res.networkType)
})

 

 

1：app.json    Launch(){}方法书写以下代码：

// app.js
App({
  onLaunch() {
    // 网络异常检测
        wx.onNetworkStatusChange((result) => {
      //  console.log(result)
        if(!result.isConnected){
          wx.navigateTo({
//跳转至错误页面
            url: '/pages/error/error',
          })
        }

        })


    // 展示本地存储能力
    const logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)

    // 登录
    wx.login({
      success: res => {
        // 发送 res.code 到后台换取 openId, sessionKey, unionId
      }
    })
  },

})

 

 2：新建一个pages/error/error页面，页面error.wxml进行提示信息：

<!--pages/error/error.wxml-->
<view class="network">
网络开小差啦.......
<image src="/image/daunwang.png"></image>
</view>

效果图：