微信小程序獲取網(wǎng)絡類型的方法示例 原創(chuàng)
本文實例講述了微信小程序獲取網(wǎng)絡類型的方法。分享給大家供大家參考,具體如下:
這里主要演示通過wx.getNetworkType
獲取當前網(wǎng)絡類型的操作方法。代碼如下:
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)聽用戶下拉動作 */ onPullDownRefresh: function () { }, /** * 頁面上拉觸底事件的處理函數(shù) */ onReachBottom: function () { }, /** * 用戶點擊右上角分享 */ onShareAppMessage: function () { } })
index.wxml:
<view class="table"> <view class="tr bg-g"> <view class="td">網(wǎng)絡類型</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; }
運行結(jié)果:
希望本文所述對大家微信小程序開發(fā)有所幫助。
相關(guān)文章
擴展javascript的Date方法實現(xiàn)代碼(prototype)
長期從事C#的開發(fā),被C#影響著我的思維。C#中DateTime的操作就很方便,于是就參考它對js的Date做了擴展。2010-11-11Bootstrap CSS組件之下拉菜單(dropdown)
這篇文章主要為大家詳細介紹了Bootstrap CSS組件之下拉菜單(dropdown),具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12javascript Onunload與Onbeforeunload使用小結(jié)
Onunload,onbeforeunload都是在刷新或關(guān)閉時調(diào)用,可以在<script>腳本中通過window.onunload來指定或者在<body>里指定。區(qū)別在于onbeforeunload在onunload之前執(zhí)行,它還可以阻止onunload的執(zhí)行。2009-12-12JS使用tween.js動畫庫實現(xiàn)輪播圖并且有切換功能
本文通過實例代碼給大家介紹了JS使用tween.js動畫庫實現(xiàn)輪播圖并且有切換功能,代碼簡單易懂,非常不錯,具有一定的參考借鑒價值,需要的朋友參考下吧2018-07-07詳解CocosCreator項目結(jié)構(gòu)機制
這篇文章主要介紹了詳解CocosCreator項目結(jié)構(gòu)機制,只有了解這些機制后,才能更好的進行項目開發(fā),避免潛在錯誤,并且快速的除錯2021-04-04javascript實現(xiàn)一個網(wǎng)頁加載進度loading
本篇文章主要介紹了javascript實現(xiàn)一個頁面加載進度loading的具體步驟以及示例代碼,具有一定的參考價值,下面跟著小編一起來看下吧2017-01-01JS使用正則表達式實現(xiàn)關(guān)鍵字替換加粗功能示例
這篇文章主要介紹了JS使用正則表達式實現(xiàn)關(guān)鍵字替換加粗功能,涉及javascript基本正則匹配與替換操作相關(guān)技巧,需要的朋友可以參考下2016-08-08JavaScript?防抖debounce與節(jié)流thorttle
這篇文章主要介紹了JavaScript?防抖debounce與節(jié)流thorttle,文章圍繞主題展開詳細的內(nèi)容介紹,具有一定的參考價值,需要的小伙伴可以參考一下2022-05-05