微信小程序获取网络类型的方法示例 原创
原创 更新时间:2019年03月01日 09:14:56 原创 投稿:shichen2014
这篇文章主要介绍了微信小程序获取网络类型的方法,结合完整实例形式分析了微信小程序通过wx.getNetworkType获取网络类型的相关操作技巧,需要的朋友可以参考下
本文实例讲述了微信小程序获取网络类型的方法。分享给大家供大家参考,具体如下:
这里主要演示通过wx.getNetworkType
获取当前网络类型的操作方法。代码如下:
index.js:
Page({ /** * 页面的初始数据 */ data: { netType:'' }, /** * 生命周期函数--监听页面加载 */ onLoad: function () { var that = this; try { wx.getNetworkType({ success: function(res) { that.setData({ netType:res.networkType }) }, }) } catch (e) { // Do something when catch error } }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () { }, /** * 生命周期函数--监听页面显示 */ onShow: function () { }, /** * 生命周期函数--监听页面隐藏 */ onHide: function () { }, /** * 生命周期函数--监听页面卸载 */ onUnload: function () { }, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { }, /** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { }, /** * 用户点击右上角分享 */ onShareAppMessage: function () { } })
index.wxml:
<view class="table"> <view class="tr bg-g"> <view class="td">网络类型</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; }
运行结果:
希望本文所述对大家微信小程序开发有所帮助。
相关文章
JavaScript设置弹出式独立窗口页面和window的方法举例详解
window.open是网页中经常遇到的弹出窗口代码,不是网络中比较反感的那类弹出代码,下面这篇文章主要给大家介绍了关于JavaScript设置弹出式独立窗口页面和window的方法,需要的朋友可以参考下2024-01-01点击按钮自动加关注的代码(sina微博/QQ空间/人人网/腾讯微博)
本篇文章主要介绍了点击按钮自动加关注代码(sina微博/QQ空间/人人网/腾讯微博) 需要的朋友可以过来参考下,希望对大家有所帮助2014-01-01
最新评论