您所在的位置: 下载吧  >  软件教程  >  聊天软件 > 正文

微信小程序新手教程之怎么获取设备信息 API

  • 时间:2017-01-09 16:56
  • 来源:下载吧
  • 编辑:xwgod

  微信小程序新手教程之怎么获取设备信息 API,本篇默认已经成功安装微信小程序工具,来和小编一起看看吧

  获取设备信息 API

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

  主要属性:

  网络信息wx.getNetWorkType,

微信小程序新手教程之怎么获取设备信息 API

  系统信息wx.getSystemInfo,

微信小程序新手教程之怎么获取设备信息 API

  重力感应数据wx.onAccelerometerChange,

微信小程序新手教程之怎么获取设备信息 API

  罗盘数据wx.onCompassChange

微信小程序新手教程之怎么获取设备信息 API

  wxml

  获取网络类型

  获取设备信息

  监听重力感应数据

  监听罗盘数据12341234

  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

  1、专题——DIY图片的模板,点击可以生成使用,分享到朋友圈。

  2、分享墙——用户上传的自己DIY作品。

  3、立即制作——可以用自己的图来DIY。

  4、告诉我——告诉产品的改进,内容的增加。

  想要体验怎么制作属于自己个性朋友圈照片的用户,扫一扫下面的二维码就可以啦!还等什么,赶紧扫码体验,开启你的嗨图之旅吧!

人气排行