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


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 相关文章推荐
用于自动添加Digg This!按钮的JavaScript
Dec 23 Javascript
JavaScript1.6数组新特性介绍以及JQuery的几个工具方法
Dec 06 Javascript
利用jquery动画特效和css打造的侧边弹出垂直导航
Apr 04 Javascript
JS实现具备延时功能的滑动门菜单效果
Sep 17 Javascript
java中String类型变量的赋值问题介绍
Mar 23 Javascript
jQuery点击输入框显示验证码图片
May 19 Javascript
第一次接触神奇的Bootstrap网格系统
Jul 27 Javascript
JavaScript数组去重由慢到快由繁到简(优化篇)
Aug 26 Javascript
详解jQuery同步Ajax带来的UI线程阻塞问题及解决办法
Aug 09 jQuery
Webpack打包字体font-awesome的方法示例
Apr 26 Javascript
vue+springboot实现项目的CORS跨域请求
Sep 05 Javascript
Makefile/cmake/node-gyp中区分判断不同平台的方法
Dec 18 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 addslashes 函数详细分析说明
2009/06/23 PHP
PHP 关于访问控制的和运算符优先级介绍
2013/07/08 PHP
PHP实现图片的等比缩放和Logo水印功能示例
2017/05/04 PHP
php实现的redis缓存类定义与使用方法示例
2017/08/09 PHP
JavaScript 继承详解(三)
2009/07/13 Javascript
javascript 表单规则集合对象
2009/07/21 Javascript
为javascript添加String.Format方法
2020/08/11 Javascript
简单的两种Extjs formpanel加载数据的方式
2013/11/09 Javascript
JS实现仿新浪黄色经典滑动门效果代码
2015/09/27 Javascript
基于jQuery实现仿51job城市选择功能实例代码
2016/03/02 Javascript
Bootstrap Validator 表单验证
2016/07/25 Javascript
Javascript中this绑定的3种方法与比较
2016/10/13 Javascript
Angular学习笔记之angular的$filter服务浅析
2016/11/12 Javascript
JS中Select下拉列表类(支持输入模糊查询)功能
2017/01/17 Javascript
Angular.js中ng-include用法及多标签页面的实现方式详解
2017/05/07 Javascript
angular中使用Socket.io实例代码
2017/06/03 Javascript
jQuery进阶实践之利用最优雅的方式如何写ajax请求
2017/12/20 jQuery
koa-router路由参数和前端路由的结合详解
2019/05/19 Javascript
JS通过识别id、value值对checkbox设置选中状态
2020/02/19 Javascript
Python中让MySQL查询结果返回字典类型的方法
2014/08/22 Python
Python求离散序列导数的示例
2019/07/10 Python
Python使用百度api做人脸对比的方法
2019/08/28 Python
Django模板标签中url使用详解(url跳转到指定页面)
2020/03/19 Python
详解Django配置JWT认证方式
2020/05/09 Python
乌克兰香水和化妆品网站:Notino.ua
2018/03/26 全球购物
彪马法国官网:PUMA法国
2019/12/15 全球购物
经济与贸易专业应届生求职信
2013/11/19 职场文书
行政人员工作职责
2013/12/05 职场文书
个人职业生涯规划书1500字
2013/12/31 职场文书
大学生个人实习的自我评价
2014/02/15 职场文书
2014年机关工会工作总结
2014/12/19 职场文书
写给老婆的保证书
2015/02/27 职场文书
工作推荐信模板
2015/03/25 职场文书
运动会入场词
2015/07/18 职场文书
MySQL 如何设计统计数据表
2021/06/15 MySQL
mysql幻读详解实例以及解决办法
2022/06/16 MySQL