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


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 相关文章推荐
ExtJS 简介 让你知道extjs是什么
Dec 29 Javascript
juqery 学习之五 文档处理 插入
Feb 11 Javascript
Js中获取frames中的元素示例代码
Jul 30 Javascript
使用jQuery设置disabled属性与移除disabled属性
Aug 21 Javascript
jQuery实现点击小图片淡入淡出显示大图片特效
Sep 09 Javascript
基于Vue.js实现tab滑块效果
Jul 23 Javascript
Vue组件开发之LeanCloud带图形校验码的短信发送功能
Nov 07 Javascript
浅谈react-router HashRouter和BrowserRouter的使用
Dec 29 Javascript
element-ui多文件上传的实现示例
Apr 10 Javascript
vue项目部署到nginx/tomcat服务器的实现
Aug 26 Javascript
React Hooks 实现和由来以及解决的问题详解
Jan 17 Javascript
JS性能优化实现方法及优点进行
Aug 30 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
ezSQL PHP数据库操作类库
2010/05/16 PHP
php中判断数组是一维,二维,还是多维的解决方法
2013/05/04 PHP
php中HTTP_REFERER函数用法实例
2014/11/21 PHP
extjs 学习笔记(三) 最基本的grid
2009/10/15 Javascript
异步动态加载js与css文件的js代码
2013/09/15 Javascript
页面加载完后自动执行一个方法的js代码
2014/09/06 Javascript
jQuery实现表格行上下移动和置顶效果
2015/06/05 Javascript
BootStrap Table 分页后重新搜索问题的解决办法
2016/08/08 Javascript
浅谈angularjs $http提交数据探索
2017/01/20 Javascript
利用transition实现文字上下抖动的效果
2017/01/21 Javascript
AngularJS 教程及实例代码
2017/10/23 Javascript
详谈构造函数加括号与不加括号的区别
2017/10/26 Javascript
jquery写出PC端轮播图实例
2018/01/26 jQuery
vue-cli webpack2项目打包优化分享
2018/02/07 Javascript
详解基于Vue-cli搭建的项目如何和后台交互
2018/06/29 Javascript
angular6.0开发教程之如何安装angular6.0框架
2018/06/29 Javascript
微信小程序如何再次获取用户授权的方法
2019/05/10 Javascript
vue 使用lodash实现对象数组深拷贝操作
2020/09/10 Javascript
[02:15]2015国际邀请赛选手档案IG.Ferrari 430
2015/07/30 DOTA
[51:10]VP vs VGJ.S 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python中的引用和拷贝浅析
2014/11/22 Python
python用10行代码实现对黄色图片的检测功能
2015/08/10 Python
理解Python中的With语句
2016/03/18 Python
Python for Informatics 第11章 正则表达式(一)
2016/04/21 Python
Python使用pip安装报错:is not a supported wheel on this platform的解决方法
2018/01/23 Python
python3.X 抓取火车票信息【修正版】
2018/06/19 Python
Matplotlib使用字符串代替变量绘制散点图的方法
2020/02/17 Python
解决matplotlib.pyplot在Jupyter notebook中不显示图像问题
2020/04/22 Python
keras中的卷积层&amp;池化层的用法
2020/05/22 Python
Python定时任务APScheduler安装及使用解析
2020/08/07 Python
AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码
2020/08/19 HTML / CSS
linux面试题参考答案(11)
2016/11/26 面试题
党员先锋岗事迹材料
2014/05/08 职场文书
土木工程毕业答辩开场白
2015/05/29 职场文书
MongoDB连接数据库并创建数据等使用方法
2021/11/27 MongoDB
「海贼王」112.9万粉丝纪念图标公布
2022/03/21 日漫