微信小程序獲取網(wǎng)絡(luò)類型的方法示例 原創(chuàng)
本文實(shí)例講述了微信小程序獲取網(wǎng)絡(luò)類型的方法。分享給大家供大家參考,具體如下:
這里主要演示通過(guò)wx.getNetworkType
獲取當(dāng)前網(wǎng)絡(luò)類型的操作方法。代碼如下:
index.js:
Page({ /** * 頁(yè)面的初始數(shù)據(jù) */ data: { netType:'' }, /** * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面加載 */ 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)聽(tīng)頁(yè)面初次渲染完成 */ onReady: function () { }, /** * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面顯示 */ onShow: function () { }, /** * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面隱藏 */ onHide: function () { }, /** * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面卸載 */ onUnload: function () { }, /** * 頁(yè)面相關(guān)事件處理函數(shù)--監(jiān)聽(tīng)用戶下拉動(dòng)作 */ onPullDownRefresh: function () { }, /** * 頁(yè)面上拉觸底事件的處理函數(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é)果:
希望本文所述對(duì)大家微信小程序開(kāi)發(fā)有所幫助。
- 微信小程序?qū)崿F(xiàn)的一鍵復(fù)制功能示例
- 微信小程序開(kāi)發(fā)一鍵登錄 獲取session_key和openid實(shí)例
- 微信小程序http連接訪問(wèn)解決方案的示例
- 微信小程序網(wǎng)絡(luò)封裝(簡(jiǎn)單高效)
- 微信小程序網(wǎng)絡(luò)請(qǐng)求封裝示例
- 微信小程序使用request網(wǎng)絡(luò)請(qǐng)求操作實(shí)例
- 微信小程序之網(wǎng)絡(luò)請(qǐng)求簡(jiǎn)單封裝實(shí)例詳解
- 微信小程序網(wǎng)絡(luò)請(qǐng)求wx.request詳解及實(shí)例
- 微信小程序 POST請(qǐng)求(網(wǎng)絡(luò)請(qǐng)求)詳解及實(shí)例代碼
- 微信小程序 網(wǎng)絡(luò)API Websocket詳解
- 微信小程序?qū)崿F(xiàn)的一鍵連接wifi功能示例
相關(guān)文章
擴(kuò)展javascript的Date方法實(shí)現(xiàn)代碼(prototype)
長(zhǎng)期從事C#的開(kāi)發(fā),被C#影響著我的思維。C#中DateTime的操作就很方便,于是就參考它對(duì)js的Date做了擴(kuò)展。2010-11-11Bootstrap CSS組件之下拉菜單(dropdown)
這篇文章主要為大家詳細(xì)介紹了Bootstrap CSS組件之下拉菜單(dropdown),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12javascript Onunload與Onbeforeunload使用小結(jié)
Onunload,onbeforeunload都是在刷新或關(guān)閉時(shí)調(diào)用,可以在<script>腳本中通過(guò)window.onunload來(lái)指定或者在<body>里指定。區(qū)別在于onbeforeunload在onunload之前執(zhí)行,它還可以阻止onunload的執(zhí)行。2009-12-12JS使用tween.js動(dòng)畫庫(kù)實(shí)現(xiàn)輪播圖并且有切換功能
本文通過(guò)實(shí)例代碼給大家介紹了JS使用tween.js動(dòng)畫庫(kù)實(shí)現(xiàn)輪播圖并且有切換功能,代碼簡(jiǎ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)目開(kāi)發(fā),避免潛在錯(cuò)誤,并且快速的除錯(cuò)2021-04-04javascript實(shí)現(xiàn)一個(gè)網(wǎng)頁(yè)加載進(jìn)度loading
本篇文章主要介紹了javascript實(shí)現(xiàn)一個(gè)頁(yè)面加載進(jìn)度loading的具體步驟以及示例代碼,具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-01-01JS使用正則表達(dá)式實(shí)現(xiàn)關(guān)鍵字替換加粗功能示例
這篇文章主要介紹了JS使用正則表達(dá)式實(shí)現(xiàn)關(guān)鍵字替換加粗功能,涉及javascript基本正則匹配與替換操作相關(guān)技巧,需要的朋友可以參考下2016-08-08webpack下實(shí)現(xiàn)動(dòng)態(tài)引入文件方法
下面小編就為大家分享一篇webpack下實(shí)現(xiàn)動(dòng)態(tài)引入文件方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-02-02JavaScript?防抖debounce與節(jié)流thorttle
這篇文章主要介紹了JavaScript?防抖debounce與節(jié)流thorttle,文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的小伙伴可以參考一下2022-05-05