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


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 相关文章推荐
基于jquery的修改当前TAB显示标题的代码
Dec 11 Javascript
深入分析原生JavaScript事件
Dec 29 Javascript
js中this用法实例详解
May 05 Javascript
浅谈Javascript的静态属性和原型属性
May 07 Javascript
PHP抓取HTTPS内容和错误处理的方法
Sep 30 Javascript
微信小程序实现跟随菜单效果和循环嵌套加载数据
Nov 21 Javascript
iview table高度动态设置方法
Mar 14 Javascript
vue-cli 首屏加载优化问题
Nov 06 Javascript
用webpack4开发小程序的实现方法
Jun 04 Javascript
p5.js实现简单货车运动动画
Oct 23 Javascript
webpack安装配置与常见使用过程详解(结合vue)
Jun 01 Javascript
微信小程序 WeUI扩展组件库的入门教程
Apr 21 Javascript
微信小程序实现打开内置地图功能【附源码下载】
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如何实现Unicode和Utf-8编码相互转换
2015/07/29 PHP
PHP SFTP实现上传下载功能
2017/07/26 PHP
类之Prototype.js学习
2007/06/13 Javascript
在IE下获取object(ActiveX)的Param的代码
2009/09/15 Javascript
用js写了一个类似php的print_r输出换行功能
2013/02/18 Javascript
JavaScript中的类数组对象介绍
2014/12/30 Javascript
jQuery的实例及必知重要的jQuery选择器详解
2016/05/20 Javascript
jQuery 出现Cannot read property ‘msie’ of undefined错误的解决方法
2016/11/23 Javascript
微信小程序 自定义Toast实例代码
2017/06/12 Javascript
Node.js Koa2使用JWT进行鉴权的方法示例
2018/08/17 Javascript
Nodejs调用Dll模块的方法
2018/09/17 NodeJs
vue服务端渲染添加缓存的方法
2018/09/18 Javascript
详解vue配置后台接口方式
2019/03/29 Javascript
javascript实现简易数码时钟
2020/03/30 Javascript
vue用ant design中table表格,点击某行时触发的事件操作
2020/10/28 Javascript
[02:56]DOTA2亚洲邀请赛 VG出场战队巡礼
2015/02/07 DOTA
[05:04]DOTA2上海特级锦标赛主赛事第二日TOP10
2016/03/04 DOTA
[01:19]DOTA2城市挑战赛报名开始 开启你的城市传奇
2018/03/23 DOTA
python实现类的静态变量用法实例
2015/05/08 Python
深入理解python中的闭包和装饰器
2016/06/12 Python
Python对字符串实现去重操作的方法示例
2017/08/11 Python
Python进阶之尾递归的用法实例
2018/01/31 Python
Python常用的json标准库
2019/02/19 Python
在Python中构建增广矩阵的实现方法
2019/07/01 Python
在Python中使用turtle绘制多个同心圆示例
2019/11/23 Python
DRF框架API版本管理实现方法解析
2020/08/21 Python
10个最常见的HTML5面试题 附答案
2016/06/06 HTML / CSS
Bluebella德国官网:英国性感内衣和睡衣品牌
2019/11/08 全球购物
乌克兰机票、铁路和巴士票、酒店搜索、保险:Tickets.ua
2020/01/11 全球购物
软件测试常见笔试题
2012/02/04 面试题
简单的JAVA编程面试题
2013/03/19 面试题
平面网站制作专科生的自我评价分享
2013/12/11 职场文书
《两只鸟蛋》教学反思
2014/02/10 职场文书
李培根演讲稿
2014/05/22 职场文书
军事博物馆观后感
2015/06/05 职场文书
紧急迫降观后感
2015/06/15 职场文书