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


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 相关文章推荐
js onload事件不起作用示例分析
Oct 09 Javascript
window.location.href IE下跳转失效的解决方法
Mar 27 Javascript
自己使用js/jquery写的一个定制对话框控件
May 02 Javascript
30分钟快速掌握Bootstrap框架
May 24 Javascript
JavaScript中函数声明与函数表达式的区别详解
Aug 18 Javascript
Vue.js每天必学之组件与组件间的通信
Sep 08 Javascript
阿里云ecs服务器中安装部署node.js的步骤
Oct 08 Javascript
基于JS实现网页中的选项卡(两种方法)
Jun 16 Javascript
关于Vue.nextTick()的正确使用方法浅析
Aug 25 Javascript
angular2 ng2-file-upload上传示例代码
Aug 23 Javascript
element form 校验数组每一项实例代码
Oct 10 Javascript
vscode+gulp轻松开发小程序的完整步骤
Oct 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
global.php
2006/12/09 PHP
配置Apache2.2+PHP5+CakePHP1.2+MySQL5运行环境
2009/04/25 PHP
PHP 程序员的调试技术小结
2009/11/15 PHP
PHP中集成PayPal标准支付的实现方法分享
2012/02/06 PHP
隐性调用php程序的方法
2015/06/13 PHP
变量在 PHP7 内部的实现(二)
2015/12/21 PHP
php 从一个数组中随机的取出若干个不同的数实例
2016/12/31 PHP
TNC vs RR BO3 第一场 2.14
2021/03/10 DOTA
Javascript实例教程(19) 使用HoTMetal(5)
2006/12/23 Javascript
js函数般调用正则
2008/04/08 Javascript
jQuery截取指定长度字符串的实现原理及代码
2014/07/01 Javascript
JS+CSS实现仿新浪微博搜索框的方法
2015/02/24 Javascript
jQuery插件jRumble实现网页元素抖动
2015/06/05 Javascript
jQuery基本选择器(实例及表单域value的获取方法)
2016/05/20 Javascript
JS不用正则验证输入的字符串是否为空(包含空格)的实现代码
2016/06/14 Javascript
从0开始学Vue
2016/10/27 Javascript
利用JS实现简单的日期选择插件
2017/01/23 Javascript
Bootstrap modal 多弹窗之叠加显示不出弹窗问题的解决方案
2017/02/23 Javascript
Javascript中引用类型传递的知识点小结
2017/03/06 Javascript
vue父组件中获取子组件中的数据(实例讲解)
2017/09/27 Javascript
原生JavaScript实现todolist功能
2018/03/02 Javascript
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
2019/05/14 Javascript
微信小程序HTTP请求从0到1封装
2019/09/09 Javascript
Angular+Ionic使用queryParams实现跳转页传值的方法
2020/09/05 Javascript
python使用str &amp; repr转换字符串
2016/10/13 Python
Django中使用第三方登录的示例代码
2018/08/20 Python
Django应用程序入口WSGIHandler源码解析
2019/08/05 Python
Python+Appium实现自动化测试的使用步骤
2020/03/24 Python
python实现将列表中各个值快速赋值给多个变量
2020/04/02 Python
python获得命令行输入的参数的两种方式
2020/11/02 Python
HTML5 Canvas旋转动画的2个代码例子(一个旋转的太极图效果)
2014/04/10 HTML / CSS
菲律宾优惠券网站:MetroDeal
2019/04/12 全球购物
中华美德颂演讲稿
2014/05/20 职场文书
2014年商场国庆节活动策划方案
2014/09/16 职场文书
2015年学校后勤工作总结
2015/04/08 职场文书
餐厅如何利用“营销策略”扭转亏本局面
2019/10/15 职场文书