快捷導(dǎo)航

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

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

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

本文實例講述了微信小程序獲取網(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)聽用戶下拉動作
  */
 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ā)有所幫助。

您可能感興趣的文章:

相關(guān)文章

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