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


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的val()方法
Jun 27 Javascript
jquery表格内容筛选实现思路及代码
Apr 16 Javascript
js使用eval解析json实例与注意事项分享
Jan 18 Javascript
完美解决input[type=number]无法显示非数字字符的问题
Feb 28 Javascript
vue组件详解之使用slot分发内容
Apr 09 Javascript
Vue2 监听属性改变watch的实例代码
Aug 27 Javascript
ndm:NPM的桌面GUI应用程序
Oct 15 Javascript
Vue 后台管理类项目兼容IE9+的方法示例
Feb 20 Javascript
Node.js安装详细步骤教程(Windows版)详解
Sep 01 Javascript
vue + axios get下载文件功能
Sep 25 Javascript
JS常用正则表达式超全集(密码强度校验,金额校验,IE版本,IPv4,IPv6校验)
Feb 03 Javascript
HTML+JS实现“代码雨”效果源码(黑客帝国文字下落效果)
Mar 17 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
Windows下IIS6/Apache2.2.4+MySQL5.2+PHP5.2.1安装配置方法
2007/05/03 PHP
PHP使用方法重载实现动态创建属性的get和set方法
2014/11/17 Javascript
jquery+php实现搜索框自动提示
2014/11/28 Javascript
优化RequireJS项目的相关技巧总结
2015/07/01 Javascript
JavaScript事件处理的方式(三种)
2016/04/26 Javascript
JS实现登录页面记住密码和enter键登录方法推荐
2016/05/10 Javascript
快速入门Vue
2016/12/19 Javascript
bootstrap制作jsp页面(根据值让table显示选中)
2017/01/05 Javascript
jquery实现页面加载效果
2017/02/21 Javascript
关于微信小程序登录的那些事
2019/01/08 Javascript
2020京东618叠蛋糕js脚本(亲测好用)
2020/06/02 Javascript
vue-admin-template配置快捷导航的代码(标签导航栏)
2020/09/04 Javascript
ES2020让代码更优美的运算符 (?.) (??)
2021/01/04 Javascript
[03:59]5分钟带你了解什么是DOTA2(第二期)
2017/02/07 DOTA
[03:12]完美世界DOTA2联赛PWL DAY6集锦
2020/11/05 DOTA
python黑魔法之参数传递
2016/02/12 Python
Python读csv文件去掉一列后再写入新的文件实例
2017/12/28 Python
python输入多行字符串的方法总结
2019/07/02 Python
django 自定义filter 判断if var in list的例子
2019/08/20 Python
Python3操作YAML文件格式方法解析
2020/04/10 Python
Python matplotlib画图时图例说明(legend)放到图像外侧详解
2020/05/16 Python
pyCharm 设置调试输出窗口中文显示方式(字符码转换)
2020/06/09 Python
Qoo10马来西亚:全球时尚和引领潮流的购物市场
2016/08/25 全球购物
Sam’s Club山姆会员商店:沃尔玛旗下高端会员制商店
2017/01/16 全球购物
德国古洛迷亚百货官网:GALERIA Kaufhof
2017/06/20 全球购物
美国伊甸园兄弟种子公司:Eden Brothers
2018/07/01 全球购物
Shopee菲律宾:在线购买和出售
2019/11/25 全球购物
合作协议书范文
2014/08/20 职场文书
保密工作承诺书
2014/08/29 职场文书
毕业生实习证明
2014/09/19 职场文书
思想作风整顿个人剖析材料
2014/10/06 职场文书
2014年行政执法工作总结
2014/12/11 职场文书
采购内勤岗位职责
2015/04/13 职场文书
兴趣班停课通知
2015/04/24 职场文书
2015年企业工作总结范文
2015/04/28 职场文书
学校财务管理制度
2015/08/04 职场文书