前言

手機(jī)連接到互聯(lián)網(wǎng)有幾種方式：Wifi、2G、3G、4G，包括很快到來(lái)的5G，每種方式的上傳速度和下載速度差異很大，它們的計(jì)費(fèi)方式的差異也導(dǎo)致用戶在使用互聯(lián)網(wǎng)服務(wù)的時(shí)候有不同的使用習(xí)慣。

Wifi相對(duì)于其他幾種網(wǎng)絡(luò)連接方式，其速度會(huì)更快。Wifi一般都是免費(fèi)供用戶使用，通過(guò)移動(dòng)數(shù)據(jù)網(wǎng)絡(luò)是需要根據(jù)使用流量進(jìn)行計(jì)費(fèi)的。我們考慮這樣一個(gè)場(chǎng)景，小程序需要下載一些文檔，然后通過(guò)小程序的能力去預(yù)覽這個(gè)文檔，這些文檔可能文件體積比較大，對(duì)于某些用戶來(lái)說(shuō)，他們并不想耗費(fèi)太多的數(shù)據(jù)流量去預(yù)覽文檔。考慮到這樣的情況，我們可以通過(guò)小程序提供的獲取網(wǎng)絡(luò)狀態(tài)的能力，做一些更友好的體驗(yàn)提示。

代碼利用wx.getNetworkType獲取網(wǎng)絡(luò)狀態(tài)

代碼：

// 預(yù)覽文檔 lookFile(){  wx.getNetworkType({   success: function (res) {    // networkType字段的有效值：    // wifi/2g/3g/4g/unknown(Android下不常見(jiàn)的網(wǎng)絡(luò)類(lèi)型)/none(無(wú)網(wǎng)絡(luò))    if (res.networkType == 'wifi') {     // 從網(wǎng)絡(luò)上下載pdf文檔     wx.downloadFile({      url: 'https://pic25.nipic.com/20121205/10197997_003647426000_2.jpg',      success: function (res) {       // 下載成功之后進(jìn)行預(yù)覽文檔       wx.openDocument({        filePath: res.tempFilePath       })      }     })    } else {     wx.showModal({      title: '提示',      content: '當(dāng)前為非Wifi環(huán)境，確定下載嗎？',      confirmText: '確定',      cancelText: '取消',      success: function (res) {       if (res.confirm) {        console.log('確定操作')        wx.downloadFile({         url: 'https://pic25.nipic.com/20121205/10197997_003647426000_2.jpg',         success: function (res) {          // 下載成功之后進(jìn)行預(yù)覽文檔          wx.openDocument({           filePath: res.tempFilePath          })         }        })       } else if (res.cancel) {        console.log('取消操作')        wx.showToast({         title:'取消成功'        })       }      }     })    }   }  }) }

某些情況下，我們的手機(jī)連接到網(wǎng)絡(luò)的方式會(huì)動(dòng)態(tài)變化，例如手機(jī)設(shè)備連接到一個(gè)信號(hào)不穩(wěn)定的Wifi熱點(diǎn)，導(dǎo)致手機(jī)會(huì)經(jīng)常從Wifi切換到移動(dòng)數(shù)據(jù)網(wǎng)絡(luò)。小程序宿主環(huán)境也提供了一個(gè)可以動(dòng)態(tài)監(jiān)聽(tīng)網(wǎng)絡(luò)狀態(tài)變化的接口wx.onNetworkStatusChange，讓開(kāi)發(fā)者可以及時(shí)根據(jù)網(wǎng)絡(luò)狀況去調(diào)整小程序的體驗(yàn)，wx.onNetworkStatusChange這個(gè)接口的使用場(chǎng)景留給讀者來(lái)思考。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持錯(cuò)新站長(zhǎng)站。