微信小程序獲取網(wǎng)絡(luò)類型的方法示例 原創(chuàng)
本文實(shí)例講述了微信小程序獲取網(wǎng)絡(luò)類型的方法。分享給大家供大家參考,具體如下:
這里主要演示通過wx.getNetworkType獲取當(dāng)前網(wǎng)絡(luò)類型的操作方法。代碼如下:
index.js:
Page({
/**
* 頁面的初始數(shù)據(jù)
*/
data: {
netType:''
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面加載
*/
onLoad: function () {
var that = this;
try {
wx.getNetworkType({
success: function(res) {
that.setData({
netType:res.networkType
})
},
})
} catch (e) {
// Do something when catch error
}
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面顯示
*/
onShow: function () {
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面隱藏
*/
onHide: function () {
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面卸載
*/
onUnload: function () {
},
/**
* 頁面相關(guān)事件處理函數(shù)--監(jiān)聽用戶下拉動(dòng)作
*/
onPullDownRefresh: function () {
},
/**
* 頁面上拉觸底事件的處理函數(shù)
*/
onReachBottom: function () {
},
/**
* 用戶點(diǎn)擊右上角分享
*/
onShareAppMessage: function () {
}
})
index.wxml:
<view class="table">
<view class="tr bg-g">
<view class="td">網(wǎng)絡(luò)類型</view>
<view class="td">{{netType}}</view>
</view>
</view>
index.wxss:
/**index.wxss**/
.table {
border: 0px solid darkgray;
}
.tr {
display: flex;
width: 100%;
justify-content: center;
height: 2.6rem;
align-items: center;
}
.td {
width:40%;
justify-content: center;
text-align: center;
}
.bg-g{
background: #E6F3F9;
}
運(yùn)行結(jié)果:

希望本文所述對大家微信小程序開發(fā)有所幫助。
- 微信小程序?qū)崿F(xiàn)的一鍵復(fù)制功能示例
- 微信小程序開發(fā)一鍵登錄 獲取session_key和openid實(shí)例
- 微信小程序http連接訪問解決方案的示例
- 微信小程序網(wǎng)絡(luò)封裝(簡單高效)
- 微信小程序網(wǎng)絡(luò)請求封裝示例
- 微信小程序使用request網(wǎng)絡(luò)請求操作實(shí)例
- 微信小程序之網(wǎng)絡(luò)請求簡單封裝實(shí)例詳解
- 微信小程序網(wǎng)絡(luò)請求wx.request詳解及實(shí)例
- 微信小程序 POST請求(網(wǎng)絡(luò)請求)詳解及實(shí)例代碼
- 微信小程序 網(wǎng)絡(luò)API Websocket詳解
- 微信小程序?qū)崿F(xiàn)的一鍵連接wifi功能示例
相關(guān)文章
擴(kuò)展javascript的Date方法實(shí)現(xiàn)代碼(prototype)
長期從事C#的開發(fā),被C#影響著我的思維。C#中DateTime的操作就很方便,于是就參考它對js的Date做了擴(kuò)展。2010-11-11
Bootstrap CSS組件之下拉菜單(dropdown)
這篇文章主要為大家詳細(xì)介紹了Bootstrap CSS組件之下拉菜單(dropdown),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12
javascript Onunload與Onbeforeunload使用小結(jié)
Onunload,onbeforeunload都是在刷新或關(guān)閉時(shí)調(diào)用,可以在<script>腳本中通過window.onunload來指定或者在<body>里指定。區(qū)別在于onbeforeunload在onunload之前執(zhí)行,它還可以阻止onunload的執(zhí)行。2009-12-12
JS使用tween.js動(dòng)畫庫實(shí)現(xiàn)輪播圖并且有切換功能
本文通過實(shí)例代碼給大家介紹了JS使用tween.js動(dòng)畫庫實(shí)現(xiàn)輪播圖并且有切換功能,代碼簡單易懂,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2018-07-07
詳解CocosCreator項(xiàng)目結(jié)構(gòu)機(jī)制
這篇文章主要介紹了詳解CocosCreator項(xiàng)目結(jié)構(gòu)機(jī)制,只有了解這些機(jī)制后,才能更好的進(jìn)行項(xiàng)目開發(fā),避免潛在錯(cuò)誤,并且快速的除錯(cuò)2021-04-04
javascript實(shí)現(xiàn)一個(gè)網(wǎng)頁加載進(jìn)度loading
本篇文章主要介紹了javascript實(shí)現(xiàn)一個(gè)頁面加載進(jìn)度loading的具體步驟以及示例代碼,具有一定的參考價(jià)值,下面跟著小編一起來看下吧2017-01-01
JS使用正則表達(dá)式實(shí)現(xiàn)關(guān)鍵字替換加粗功能示例
這篇文章主要介紹了JS使用正則表達(dá)式實(shí)現(xiàn)關(guān)鍵字替換加粗功能,涉及javascript基本正則匹配與替換操作相關(guān)技巧,需要的朋友可以參考下2016-08-08
webpack下實(shí)現(xiàn)動(dòng)態(tài)引入文件方法
下面小編就為大家分享一篇webpack下實(shí)現(xiàn)動(dòng)態(tài)引入文件方法,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
JavaScript?防抖debounce與節(jié)流thorttle
這篇文章主要介紹了JavaScript?防抖debounce與節(jié)流thorttle,文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的小伙伴可以參考一下2022-05-05

