微信小程序获取手机系统信息的方法【附源码下载】


Posted in Javascript onDecember 07, 2017

本文实例讲述了微信小程序获取手机系统信息的方法。分享给大家供大家参考,具体如下:

1、效果展示

微信小程序获取手机系统信息的方法【附源码下载】

2、关键代码

index.wxml布局文件代码

<view>手机型号:{{mobileModel}}</view>
<view>手机像素比:{{mobileePixelRatio}}</view>
<view>窗口宽度:{{windowWidth}}</view>
<view>窗口高度:{{windowHeight}}</view>
<view>微信设置的语言:{{language}}</view>
<view>微信版本号:{{version}}</view>

index.js逻辑文件代码

var app = getApp()
Page({
 data: {
  mobileModel:'',
  mobileePixelRatio:'',
  windowWidth:'',
  windowHeight:'',
  language:'',
  version:''
 },
 onLoad: function () {
  var that=this;
  wx.getSystemInfo({
   success: function(res) {
    that.setData({
     mobileModel:res.model,
     mobileePixelRatio:res.pixelRatio,
     windowWidth:res.windowWidth,
     windowHeight:res.windowHeight,
     language:res.language,
     version:res.version
    })
   }
  })
 }
})

这里通过wx.getSystemInfo函数来获取手机系统信息。具体参数说明与用法还可参考官网:https://mp.weixin.qq.com/debug/wxadoc/dev/api/systeminfo.html#wxgetsysteminfoobject

3、源代码点击此处本站下载

希望本文所述对大家微信小程序开发有所帮助。

Javascript 相关文章推荐
跨浏览器开发经验总结(四) 怎么写入剪贴板
May 13 Javascript
jquery动态添加option示例
Dec 30 Javascript
一个检测表单数据的JavaScript实例
Oct 31 Javascript
JQuery+Ajax实现数据查询、排序和分页功能
Sep 27 Javascript
jquery实现可旋转可拖拽的文字效果代码
Jan 27 Javascript
利用forever和pm2部署node.js项目过程
May 10 Javascript
Vue.js中兄弟组件之间互相传值实例
Jun 01 Javascript
select标签设置默认选中的选项方法
Mar 02 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
May 29 Javascript
微信小程序websocket聊天室的实现示例代码
Feb 12 Javascript
JS中的算法与数据结构之队列(Queue)实例详解
Aug 20 Javascript
WebStorm无法正确识别Vue3组合式API的解决方案
Feb 18 Vue.js
微信小程序实现打开内置地图功能【附源码下载】
Dec 07 #Javascript
js实现关闭网页出现是否离开提示
Dec 07 #Javascript
JavaScrip关于创建常量的知识点
Dec 07 #Javascript
浅谈vue自定义全局组件并通过全局方法 Vue.use() 使用该组件
Dec 07 #Javascript
微信小程序swiper组件用法实例分析【附源码下载】
Dec 07 #Javascript
jQuery实现简单的下拉菜单导航功能示例
Dec 07 #jQuery
vue中路由参数传递可能会遇到的坑
Dec 07 #Javascript
You might like
PHP 登录完成后如何跳转上一访问页面
2014/01/14 PHP
php基于curl实现的股票信息查询类实例
2016/11/11 PHP
php简单中奖算法(实例)
2017/08/15 PHP
PHP抽象类与接口的区别详解
2019/03/21 PHP
表单元素事件 (Form Element Events)
2009/07/17 Javascript
js word表格动态添加代码
2010/06/07 Javascript
原生Js实现按的数据源均分时间点幻灯片效果(已封装)
2010/12/28 Javascript
php对mongodb的扩展(小试牛刀)
2012/11/11 Javascript
javascript firefox 自动加载iframe 自动调整高宽示例
2013/08/27 Javascript
Node.js异步I/O学习笔记
2014/11/04 Javascript
jQuery中cookie插件用法实例分析
2015/12/04 Javascript
JavaScript中关于iframe滚动条的去除和保留
2016/11/17 Javascript
javascript判断元素存在和判断元素存在于实时的dom中的方法
2017/01/17 Javascript
canvas绘制的直线动画
2017/01/23 Javascript
canvas的神奇用法
2017/02/03 Javascript
vue 属性拦截实现双向绑定的实例代码
2018/10/24 Javascript
微信小程序渲染性能调优小结
2019/07/30 Javascript
vue  elementUI 表单嵌套验证的实例代码
2019/11/06 Javascript
vue ajax 拦截原理与实现方法示例
2019/11/29 Javascript
详解钉钉小程序组件之自定义模态框(弹窗封装实现)
2020/03/07 Javascript
js实现点击上传图片并设为模糊背景
2020/08/02 Javascript
[51:20]完美世界DOTA2联赛PWL S2 Magma vs PXG 第一场 11.28
2020/12/01 DOTA
python通过scapy获取局域网所有主机mac地址示例
2014/05/04 Python
Python中最常用的操作列表的几种方法归纳
2015/04/24 Python
python模拟登录并且保持cookie的方法详解
2017/04/04 Python
利用python打开摄像头及颜色检测方法
2018/08/03 Python
python并发编程 Process对象的其他属性方法join方法详解
2019/08/20 Python
如何通过python实现IOU计算代码实例
2020/11/02 Python
CSS去掉A标签(链接)虚线框的方法
2014/04/01 HTML / CSS
Maje德国官网:法国女性成衣品牌
2017/02/10 全球购物
中学生学雷锋演讲稿
2014/04/26 职场文书
大二学生自我检讨书
2014/10/23 职场文书
信访维稳工作汇报
2014/10/27 职场文书
简单的个人租房协议书范本
2014/11/26 职场文书
关于成立领导小组的通知
2015/04/23 职场文书
flex弹性布局详解
2022/03/20 HTML / CSS