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


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 相关文章推荐
讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别
Apr 12 Javascript
利用js跨页面保存变量做菜单的方法
Jan 17 Javascript
asp.net刷新本页面的六种方法总结
Jan 07 Javascript
jquery实现checkbox 全选/全不选的通用写法
Feb 22 Javascript
document.compatMode的CSS1compat使用介绍
Apr 03 Javascript
基于JQuery实现图片上传预览与删除操作
May 24 Javascript
jQuery实现的自动加载页面功能示例
Sep 04 Javascript
Angular的自定义指令以及实例
Dec 26 Javascript
ES6新特性三: Generator(生成器)函数详解
Apr 21 Javascript
基于iScroll实现内容滚动效果
Mar 21 Javascript
详解如何在你的Vue项目配置vux
Jun 04 Javascript
JS中使用new Option()实现时间联动效果
Dec 10 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&amp;mysql(五)
2006/10/09 PHP
用PHP实现的随机广告显示代码
2007/06/14 PHP
Ajax PHP简单入门教程代码
2008/04/25 PHP
php适配器模式介绍
2012/08/14 PHP
PHP的Yii框架中行为的定义与绑定方法讲解
2016/03/18 PHP
php调用自己java程序的方法详解
2016/05/13 PHP
火狐textarea输入法的bug的触发及解决
2013/07/24 Javascript
用C/C++来实现 Node.js 的模块(一)
2014/09/24 Javascript
js判断浏览器版本以及浏览器内核的方法
2015/01/20 Javascript
javascript实现获取字符串hash值
2015/05/10 Javascript
异步JavaScript编程中的Promise使用方法
2015/07/28 Javascript
js中不同的height, top的区别对比
2015/09/24 Javascript
js解决movebox移动问题
2016/03/29 Javascript
js关于getImageData跨域问题的解决方法
2016/10/14 Javascript
jQueryMobile之窗体长内容的缺陷与解决方法实例分析
2017/09/20 jQuery
jQuery实现的简单图片轮播效果完整示例
2018/02/08 jQuery
Vue-cli3多页面配置详解
2020/03/22 Javascript
Python中的is和id用法分析
2015/01/26 Python
关于Python中空格字符串处理的技巧总结
2017/08/10 Python
Python实现替换文件中指定内容的方法
2018/03/19 Python
python素数筛选法浅析
2018/03/19 Python
Python快速查找list中相同部分的方法
2018/06/27 Python
记一次python 内存泄漏问题及解决过程
2018/11/29 Python
Python实现获取系统临时目录及临时文件的方法示例
2019/06/26 Python
使用python快速实现不同机器间文件夹共享方式
2019/12/22 Python
在Django中自定义filter并在template中的使用详解
2020/05/19 Python
美体小铺法国官方网站:The Body Shop法国
2020/06/04 全球购物
Java面试笔试题大全
2016/11/23 面试题
Servlet的实例是在生命周期什么时候创建的?配置servlet最重要的是什么?
2012/05/30 面试题
3分钟演讲稿
2014/04/30 职场文书
承诺书范文
2014/06/03 职场文书
2014年网管工作总结
2014/12/11 职场文书
员工辞职信怎么写
2015/02/27 职场文书
中学图书馆工作总结
2015/08/11 职场文书
5分钟教你docker安装启动redis全教程(全新方式)
2021/05/29 Redis
忘记Grafana不要紧2种Grafana重置admin密码方法详细步骤
2022/04/07 Servers