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

微信小程序把玩(三十八)获取设备信息 API_第1张图片

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

主要属性:

  • 网络信息wx.getNetWorkType,
    微信小程序把玩(三十八)获取设备信息 API_第2张图片

  • 系统信息wx.getSystemInfo,

微信小程序把玩(三十八)获取设备信息 API_第3张图片

  • 重力感应数据wx.onAccelerometerChange,

微信小程序把玩(三十八)获取设备信息 API_第4张图片

  • 罗盘数据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(){
    // 页面关闭
  }
})

你可能感兴趣的:(微信小程序把玩)