1. 程式人生 > 其它 >微信小程式斷網處理

微信小程式斷網處理

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>

效果圖: