微信小程序把玩(三十八)獲取設備信息 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(){
    // 頁面關閉
  }
})
發佈了154 篇原創文章 · 獲贊 173 · 訪問量 132萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章