小程序教程

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

字号+ 作者： 来源： 2016-11-23 09:49 我要评论( )

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

主要属性：

  • 网络信息wx.getNetWorkType,
  • 系统信息wx.getSystemInfo,

  • 重力感应数据wx.onAccelerometerChange,

  • 罗盘数据wx.onCompassChange

wxml

  1. <button type="primary" bindtap="getNetWorkType">获取网络类型</button>
  2. <button type="primary" bindtap="getSystemInfo">获取设备信息</button>
  3. <button type="primary" bindtap="onAccelerometerChange">监听重力感应数据</button>
  4. <button type="primary" bindtap="onCompassChange">监听罗盘数据</button>
复制代码

js

  1. Page({
  2.   data:{
  3.     text:"Page system"
  4.   },
  5.   onLoad:function(options){
  6.     // 页面初始化 options为页面跳转所带来的参数
  7.   },
  8.   /**
  9.    * 获取当前网络状态
  10.    */
  11.   getNetWorkType: function() {
  12.     wx.getNetworkType({
  13.       success: function(res) {
  14.         console.log(res)
  15.       }
  16.     })
  17.   },

  19.   /**
  20.    *  获取系统信息
  21.    */
  22.   getSystemInfo: function() {
  23.     wx.getSystemInfo({
  24.       success: function(res) {
  25.         console.log(res)
  26.       }
  27.     })
  28.   },
  29.   /**
  30.    *  监听重力感应数据     
  31.    *      - 带on开头的都是监听接收一个callback
  32.    */
  33.   onAccelerometerChange: function() {
  34.     wx.onAccelerometerChange(function(res) {
  35.       console.log(res)
  36.     })
  37.   },
  38.     /**
  39.    *  监听罗盘数据
  40.    */
  41.   onCompassChange: function() {
  42.     wx.onCompassChange(function(res) {
  43.       console.log(res)
  44.     })
  45.   },
  46.   onReady:function(){
  47.     // 页面渲染完成
  48.   },
  49.   onShow:function(){
  50.     // 页面显示
  51.   },
  52.   onHide:function(){
  53.     // 页面隐藏
  54.   },
  55.   onUnload:function(){
  56.     // 页面关闭
  57.   }
  58. })
复制代码


　

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 微信小程序 轮播图 swiper图片组件

    微信小程序 轮播图 swiper图片组件

    2016-11-23 09:49

  • 微信小程序 开发 微信开发者工具 快捷键

    微信小程序 开发 微信开发者工具 快捷键

    2016-11-23 09:49

  • 微信小程序 页面跳转 传递参数

    微信小程序 页面跳转 传递参数

    2016-11-23 09:49

  • 微信小程序 如何获取时间

    微信小程序 如何获取时间

    2016-11-23 09:49

网友点评
精彩导读
2-HelloWorld微信小程序

2-HelloWorld微信小程序

微信小程序 轮播图 swiper图片组件

微信小程序 轮播图 swiper图片组件

微信小程序开发记账应用实战服务端之用户注册与登录

微信小程序开发记账应用实战服务端之用户注册

微信小程序倒计时组件

微信小程序倒计时组件

微信小程序实现购物车页面

微信小程序实现购物车页面

热门资讯
Copyright © 2006-2018 www.h5cn.com.H5之家 版权所有 Power by h5cn 备案： 黔ICP备15004751-2
HTML5入门 HTML5技术 canvas教程 专题学习
c