微信小程序斷網處理

 

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>

效果圖：

 

 

 

更多參考：
https://www.cnblogs.com/xiaoyantongxue/p/15472915.html

https://www.cnblogs.com/xiaoyantongxue/p/15629503.html

 sign：

https://www.cnblogs.com/xiaoyantongxue/p/15732673.html