微信小程序把玩(三十八)获取设备信息 API

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序把玩(三十八)获取设备信息 API相关的知识,希望对你有一定的参考价值。

原文:微信小程序把玩(三十八)获取设备信息 API

技术分享

获取设备信息这里分为四种,

主要属性:

  • 网络信息wx.getNetWorkType,
    技术分享

  • 系统信息wx.getSystemInfo,

技术分享

  • 重力感应数据wx.onAccelerometerChange,

技术分享

  • 罗盘数据wx.onCompassChange

技术分享

wxml

<button type="primary" bindtap="getNetWorkType">获取网络类型</button>
<button type="primary" bindtap="getSystemInfo">获取设备信息</button>
<button type="primary" bindtap="onAccelerometerChange">监听重力感应数据</button>
<button type="primary" bindtap="onCompassChange">监听罗盘数据</button>

js

Page({
  data:{
    text:"Page system"
  },
  onLoad:function(options){
    // 页面初始化 options为页面跳转所带来的参数
  },
  /**
   * 获取当前网络状态
   */
  getNetWorkType: function() {
    wx.getNetworkType({
      success: function(res) {
        console.log(res)
      }
    })
  },

  /**
   *  获取系统信息
   */
  getSystemInfo: function() {
    wx.getSystemInfo({
      success: function(res) {
        console.log(res)
      }
    })
  },
  /**
   *  监听重力感应数据     
   *      - 带on开头的都是监听接收一个callback
   */
  onAccelerometerChange: function() {
    wx.onAccelerometerChange(function(res) {
      console.log(res)
    })
  },
    /**
   *  监听罗盘数据
   */
  onCompassChange: function() {
    wx.onCompassChange(function(res) {
      console.log(res)
    })
  },
  onReady:function(){
    // 页面渲染完成
  },
  onShow:function(){
    // 页面显示
  },
  onHide:function(){
    // 页面隐藏
  },
  onUnload:function(){
    // 页面关闭
  }
})


以上是关于微信小程序把玩(三十八)获取设备信息 API的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序把玩(三十六)Storage API

微信小程序把玩(三十九)navigation API

微信小程序把玩(二十八)image组件

微信小程序把玩(四十一)canvas API

微信小程序把玩应用生命周期

微信小程序-- 自定义组件 - 父子组件之间的通信(三十八)