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


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的ajaxfileupload增加附加参数的方法
Mar 04 Javascript
了不起的node.js读书笔记之node.js中的特性
Dec 22 Javascript
JQuery实现的图文自动轮播效果插件
Jun 19 Javascript
Javascript中级语法快速入手
Jul 30 Javascript
KnockoutJS 3.X API 第四章之数据控制流with绑定
Oct 10 Javascript
Angular实现表单验证功能
Nov 13 Javascript
angularjs实现柱状图动态加载的示例
Dec 11 Javascript
vue-infinite-loading2.0 中文文档详解
Apr 08 Javascript
微信小程序之裁剪图片成圆形的实现代码
Oct 11 Javascript
微信小程序实现单选功能
Oct 30 Javascript
Vue源码解析之Template转化为AST的实现方法
Dec 14 Javascript
Vue实现简单购物车功能
Dec 13 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强制下载PDF文件示例
2014/01/17 PHP
php使用iconv中文截断问题的解决方法
2015/02/11 PHP
Yii2.0高级框架数据库增删改查的一些操作
2015/11/16 PHP
php支持断点续传、分块下载的类
2016/05/02 PHP
javascript 随机展示头像实现代码
2011/12/06 Javascript
js切换光标示例代码
2013/10/10 Javascript
javascript中attachEvent用法实例分析
2015/05/14 Javascript
JavaScript定时器和优化的取消定时器方法
2015/07/03 Javascript
详解JavaScript基于面向对象之创建对象(1)
2015/12/10 Javascript
整理JavaScript对DOM中各种类型的元素的常用操作
2016/05/05 Javascript
Bootstrap的fileinput插件实现多文件上传的方法
2016/09/05 Javascript
基于Bootstrap和jQuery构建前端分页工具实例代码
2016/11/23 Javascript
原生js开发的日历插件
2017/02/04 Javascript
微信小程序教程系列之视图层的条件渲染(10)
2017/04/19 Javascript
VueRouter导航守卫用法详解
2017/12/25 Javascript
Webpack打包字体font-awesome的方法示例
2018/04/26 Javascript
用node撸一个监测复联4开售短信提醒的实现代码
2019/04/10 Javascript
解决vue 单文件组件中样式加载问题
2019/04/24 Javascript
python将html转成PDF的实现代码(包含中文)
2013/03/04 Python
Python 变量类型及命名规则介绍
2013/06/08 Python
python简单猜数游戏实例
2015/07/09 Python
Python实时获取cmd的输出
2015/12/13 Python
Python读取文件内容的三种常用方式及效率比较
2017/10/07 Python
Django单元测试中Fixtures用法详解
2020/02/25 Python
tensorflow使用freeze_graph.py将ckpt转为pb文件的方法
2020/04/22 Python
Django admin管理工具TabularInline类用法详解
2020/05/14 Python
Html5 postMessage实现跨域消息传递
2016/03/11 HTML / CSS
GNC健安喜美国官网:美国第一营养品牌
2016/07/22 全球购物
天猫国际进口超市直营:官方直采,一站购齐
2017/12/11 全球购物
西海岸男士和男童服装:Johnnie-O
2018/03/15 全球购物
公司营业员的工作总结自我评价
2013/10/05 职场文书
给国外客户的邀请函
2014/01/30 职场文书
拉歌口号大全
2014/06/13 职场文书
小学一年级数学教学计划
2015/01/20 职场文书
幼儿园教师个人工作总结2015
2015/05/12 职场文书
Python通过loop.run_in_executor执行同步代码 同步变为异步
2022/04/11 Python