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


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 相关文章推荐
鼠标放在图片上显示大图的JS代码
Mar 26 Javascript
js对图片base64编码字符串进行解码并输出图像示例
Mar 17 Javascript
JavaScript显示当前文档最后修改日期的方法
Mar 19 Javascript
基于jquery实现智能表单验证操作
May 09 Javascript
JavaScript实现九九乘法表的简单实例
Jun 07 Javascript
如何制作幻灯片(代码分享)
Jan 06 Javascript
jQuery选择器之子元素选择器详解
Sep 18 jQuery
Vue.js watch监视属性知识点总结
Nov 11 Javascript
javascript操作元素的常见方法小结
Nov 13 Javascript
Element-UI+Vue模式使用总结
Jan 02 Javascript
JavaScript实现拖拽盒子效果
Feb 06 Javascript
动态实现element ui的el-table某列数据不同样式的示例
Jan 22 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 函数语法介绍一
2009/06/14 PHP
php判断当前操作系统类型
2015/10/28 PHP
PHP封装的字符串加密解密函数
2015/12/18 PHP
Symfony2安装第三方Bundles实例详解
2016/02/04 PHP
ThinkPHP 模板substr的截取字符串函数详解
2017/01/09 PHP
js 事件截取enter按键页面提交事件示例代码
2014/03/04 Javascript
Javascript加载速度慢的解决方案
2014/03/11 Javascript
js 获取input点选按钮的值的方法
2014/04/14 Javascript
JavaScript中的Math.LN2属性用法详解
2015/06/12 Javascript
详解AngularJS中的依赖注入机制
2015/06/17 Javascript
jQuery实现下拉框左右移动(全部移动,已选移动)
2016/04/15 Javascript
Javascript实现图片懒加载插件的方法
2016/10/20 Javascript
AngularJS 文件上传控件 ng-file-upload详解
2017/01/13 Javascript
快速搭建React的环境步骤详解
2017/11/06 Javascript
Vue实现简单的跑马灯
2020/05/25 Javascript
Javascript Symbol原理及使用方法解析
2020/10/22 Javascript
[04:04]显微镜下的DOTA2第六期——电影级别的华丽团战
2014/06/20 DOTA
[01:10:48]完美世界DOTA2联赛PWL S2 GXR vs PXG 第一场 11.18
2020/11/18 DOTA
Python中super的用法实例
2015/05/28 Python
python实现简单神经网络算法
2018/03/10 Python
解决Python 爬虫URL中存在中文或特殊符号无法请求的问题
2018/05/11 Python
对PyTorch torch.stack的实例讲解
2018/07/30 Python
python opencv实现证件照换底功能
2019/08/19 Python
python使用Matplotlib改变坐标轴的默认位置
2019/10/18 Python
Pytorch之Variable的用法
2019/12/31 Python
python实现双色球随机选号
2020/01/01 Python
css3动画过渡实现鼠标跟随导航效果
2018/02/08 HTML / CSS
深入解析HTML5中的Blob对象的使用
2015/09/08 HTML / CSS
Sunglasses Shop英国:欧洲领先的太阳镜在线供应商之一
2018/09/19 全球购物
孝敬父母的演讲稿
2014/05/14 职场文书
优秀毕业生的求职信
2014/07/21 职场文书
关于感恩的演讲稿200字
2014/08/26 职场文书
优秀高中学生评语
2014/12/30 职场文书
欠条格式范本
2015/07/03 职场文书
李白经典诗之一:全文无一“月”字,却句句有月
2019/07/12 职场文书
tomcat下部署jenkins的方法
2022/05/06 Servers