微信小程序 获取设备信息 API实例详解


Posted in Javascript onOctober 02, 2016

微信小程序 获取设备信息 API实例详解

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

主要属性:

网络信息wx.getNetWorkType,

微信小程序 获取设备信息 API实例详解

系统信息wx.getSystemInfo,

微信小程序 获取设备信息 API实例详解

重力感应数据wx.onAccelerometerChange,

微信小程序 获取设备信息 API实例详解

罗盘数据wx.onCompassChange

微信小程序 获取设备信息 API实例详解

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(){
  // 页面关闭
 }
})

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
jquery validate.js表单验证的基本用法入门
May 13 Javascript
初学js 新节点的创建 删除 的步骤
Jul 04 Javascript
JavaScript中的连字符详解
Nov 28 Javascript
javascript作用域问题实例分析
Jul 13 Javascript
基于JavaScript实现通用tab选项卡(通用性强)
Jan 07 Javascript
JS比较两个数值的大小实例
Nov 25 Javascript
Angular2 PrimeNG分页模块学习
Jan 14 Javascript
JavaScript数据结构之二叉树的遍历算法示例
Apr 13 Javascript
用JavaScript做简易的购物车的代码示例
Oct 20 Javascript
JS封装的模仿qq右下角消息弹窗功能示例
Aug 22 Javascript
微信小程序HTTP接口请求封装的实现
Feb 21 Javascript
vue进入页面时不在顶部,检测滚动返回顶部按钮问题及解决方法
Oct 30 Javascript
微信小程序 location API实例详解
Oct 02 #Javascript
微信小程序 Storage API实例详解
Oct 02 #Javascript
微信小程序 Video API实例详解
Oct 02 #Javascript
老生常谈JavaScript中的this关键字
Oct 01 #Javascript
ES6新特征数字、数组、字符串
Oct 01 #Javascript
使用PBFunc在Powerbuilder中支付宝当面付款功能
Oct 01 #Javascript
ros::spin() 和 ros::spinOnce()函数的区别及详解
Oct 01 #Javascript
You might like
用PHP函数解决SQL injection
2006/10/09 PHP
php动态生成函数示例
2014/03/21 PHP
PHP终止脚本运行三种实现方法详解
2020/09/01 PHP
TopList标签和JavaScript结合两例
2007/08/12 Javascript
在iframe里的页面编写js,实现在父窗口上创建动画效果展开和收缩的div(不变动iframe父窗口代码)
2011/12/20 Javascript
js有序数组的连接问题
2013/10/01 Javascript
javascript代码运行不出来执行错误的可能情况整理
2013/10/18 Javascript
jquery实现漂亮的二级下拉菜单代码
2015/08/26 Javascript
浅谈JavaScript超时调用和间歇调用
2015/08/30 Javascript
js H5 canvas投篮小游戏
2016/08/18 Javascript
ajax实现加载页面、删除、查看详细信息 bootstrap美化页面!
2017/03/14 Javascript
NodeJs中express框架的send()方法简介
2017/06/20 NodeJs
JS鼠标滚动分页效果示例
2017/07/05 Javascript
php main 与 iframe 相互通讯类(js+php同域/跨域)
2017/09/14 Javascript
vue和react等项目中更简单的实现展开收起更多等效果示例
2018/02/22 Javascript
vue短信验证性能优化如何写入localstorage中
2018/04/25 Javascript
vue.js提交按钮时进行简单的if判断表达式详解
2018/08/08 Javascript
vue拖拽排序插件vuedraggable使用方法详解
2020/08/21 Javascript
vue实现可视化可拖放的自定义表单的示例代码
2019/03/20 Javascript
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
2019/11/18 jQuery
vue移动端使用canvas签名的实现
2020/01/15 Javascript
使用Node.js实现base64和png文件相互转换的方法
2020/03/11 Javascript
[07:31]DOTA2卡尔工作室 英雄介绍主宰篇
2013/06/25 DOTA
使用python实现strcmp函数功能示例
2014/03/25 Python
python3+PyQt5实现自定义流体混合窗口部件
2018/04/24 Python
解决pandas 作图无法显示中文的问题
2018/05/24 Python
Pycharm之快速定位到某行快捷键的方法
2019/01/20 Python
详解将Python程序(.py)转换为Windows可执行文件(.exe)
2019/07/19 Python
python pandas 时间日期的处理实现
2019/07/30 Python
Python爬虫开发与项目实战
2020/12/16 Python
CSS3 3D位移translate效果实例介绍
2016/05/03 HTML / CSS
娇韵诗Clarins意大利官方网站:法国天然护肤品牌
2020/03/11 全球购物
后勤人员自我鉴定
2013/10/20 职场文书
2015年敬老院工作总结
2015/05/18 职场文书
2015年七夕情人节感言
2015/08/03 职场文书
Redis如何一键部署脚本
2021/04/12 Redis