微信小程序獲取網(wǎng)絡(luò)類型的方法示例原創(chuàng)

原創(chuàng) 更新時(shí)間：2019年03月01日 09:14:56 原創(chuàng) 投稿：shichen2014

這篇文章主要介紹了微信小程序獲取網(wǎng)絡(luò)類型的方法,結(jié)合完整實(shí)例形式分析了微信小程序通過(guò)wx.getNetworkType獲取網(wǎng)絡(luò)類型的相關(guān)操作技巧,需要的朋友可以參考下

本文實(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ā)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JS+CSS實(shí)現(xiàn)Li列表隔行換色效果的方法
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)Li列表隔行換色效果的方法,實(shí)例分析了js操作li節(jié)點(diǎn)的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-02-02
JavaScript實(shí)現(xiàn)excel文件導(dǎo)入導(dǎo)出
這篇文章主要介紹了JavaScript實(shí)現(xiàn)excel文件導(dǎo)入導(dǎo)出,文件的導(dǎo)入導(dǎo)出是非常常見(jiàn)的需求功能，excel文件的導(dǎo)入導(dǎo)出更為常見(jiàn)，實(shí)踐中許多時(shí)候，是調(diào)用接口實(shí)現(xiàn)導(dǎo)入導(dǎo)出的,具體實(shí)現(xiàn)內(nèi)容需要的小伙伴可以參考一下
2022-06-06
小程序?qū)崿F(xiàn)點(diǎn)擊動(dòng)畫(huà)效果
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)點(diǎn)擊動(dòng)畫(huà)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-04-04
Javascript實(shí)現(xiàn)滾動(dòng)圖片新聞的實(shí)例代碼
這篇文章主要介紹了Javascript實(shí)現(xiàn)滾動(dòng)圖片新聞的實(shí)例代碼。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2013-11-11
JavaScript中Infinity(無(wú)窮數(shù))的使用和注意事項(xiàng)
Infinity(無(wú)窮大)在 JS 中是一個(gè)特殊的數(shù)字,它的特性是它比任何有限的數(shù)字都大,如果不知道 Infinity,我們?cè)谝恍┻\(yùn)算操作遇到時(shí),就會(huì)覺(jué)得很有意思,下面這篇文章主要給大家介紹了關(guān)于JavaScript中Infinity(無(wú)窮數(shù))的使用和注意事項(xiàng),需要的朋友可以參考下
2022-04-04
微信小程序自定義多選事件的實(shí)現(xiàn)代碼
本篇文章主要介紹了微信小程序自定義多選事件的實(shí)現(xiàn)代碼，小程序和vue一樣是沒(méi)法操作dom的，所以要利用數(shù)組的下標(biāo)和自定義屬性來(lái)進(jìn)行三元判斷，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-05-05
Bootstrap modal只加載一次數(shù)據(jù)的解決辦法(推薦)
這篇文章主要介紹了Bootstrap modal只加載一次數(shù)據(jù)的解決辦法,以及bootstrap模態(tài)框的簡(jiǎn)單使用，需要的朋友可以參考下
2017-11-11
詳解ES6 中的Object.assign()的用法實(shí)例代碼
這篇文章主要介紹了ES6 Object.assign()的用法及用途,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-01-01
JavaScript刪除對(duì)象的不必要的屬性
這篇文章主要給大家介紹了JavaScript刪除對(duì)象的不必要的屬性，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2021-10-10
js使用Promise實(shí)現(xiàn)簡(jiǎn)單的Ajax緩存
這篇文章主要介紹了js使用Promise實(shí)現(xiàn)簡(jiǎn)單的Ajax緩存，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-11-11