微信小程序 获取设备信息 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 相关文章推荐
用JS操作FRAME中的IFRAME及其内容的实现代码
Jul 26 Javascript
奉献给JavaScript初学者的编写开发的七个细节
Jan 11 Javascript
html中table数据排序的js代码
Aug 09 Javascript
js里怎么取select标签里的值并修改
Dec 10 Javascript
如何使用jQUery获取选中radio对应的值(一句代码)
Jun 03 Javascript
常见表单重复提交问题整理及解决方法
Nov 13 Javascript
Javascript 中创建自定义对象的方法汇总
Dec 04 Javascript
浅谈javascript中字符串String与数组Array
Dec 31 Javascript
html的DOM中document对象anchors集合用法实例
Jan 21 Javascript
vue 1.0 结合animate.css定义动画效果
Jul 11 Javascript
原生javascript自定义input[type=radio]效果示例
Aug 27 Javascript
Javascript如何实现双指控制图片功能
Feb 25 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
第三节 定义一个类 [3]
2006/10/09 PHP
PHP自动生成月历代码
2006/10/09 PHP
一个图形显示IP的PHP程序代码
2007/10/19 PHP
php 模拟 asp.net webFrom 按钮提交事件的思路及代码
2013/12/02 PHP
PHP PDO fetch 模式各种参数的输出结果一览
2015/01/07 PHP
PHP 中使用explode()函数切割字符串为数组的示例
2017/05/06 PHP
php封装一个异常的处理类
2017/06/08 PHP
php表单处理操作
2017/11/16 PHP
原始XMLHttpRequest方法详情回顾
2013/11/28 Javascript
javascript实现动态侧边栏代码
2014/02/19 Javascript
使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
2015/12/06 Javascript
BootStrap中Tab页签切换实例代码
2016/05/30 Javascript
使用smartupload组件实现jsp+jdbc上传下载文件实例解析
2017/01/05 Javascript
Javascript中toFixed计算错误(依赖银行家舍入法的缺陷)解决方法
2017/08/22 Javascript
总结js中的一些兼容性易错的问题
2017/12/18 Javascript
JS实现骰子3D旋转效果
2019/10/24 Javascript
浅谈js中的attributes和Attribute的用法与区别
2020/07/16 Javascript
js实现点击上传图片并设为模糊背景
2020/08/02 Javascript
vue递归获取父元素的元素实例
2020/08/07 Javascript
python批量提交沙箱问题实例
2014/10/08 Python
Flask 让jsonify返回的json串支持中文显示的方法
2018/03/26 Python
python实现音乐下载器
2018/04/15 Python
解决pandas read_csv 读取中文列标题文件报错的问题
2018/06/15 Python
tensorflow 分类损失函数使用小记
2020/02/18 Python
pycharm激活码免费分享适用最新pycharm2020.2.3永久激活
2020/11/25 Python
Django框架实现在线考试系统的示例代码
2020/11/30 Python
详解Django关于StreamingHttpResponse与FileResponse文件下载的最优方法
2021/01/07 Python
用缩写的指针比较"if(p)" 检查空指针是否可靠?如果空指针的内部表达不是0会怎么样?
2014/01/05 面试题
课前三分钟演讲稿
2014/04/24 职场文书
出国英文推荐信
2014/05/10 职场文书
大学生简短的自我评价
2014/09/12 职场文书
计划生育证明格式及范本
2014/10/09 职场文书
党员争先创优承诺书
2015/01/20 职场文书
死者家属慰问信
2015/03/24 职场文书
教师学习中国梦心得体会
2016/01/05 职场文书
实战 快速定位MySQL的慢SQL
2022/03/22 MySQL