微信小程式斷網處理
阿新 • • 發佈:2021-10-30
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>
效果圖: