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

 更新时间:2017年12月07日 15:17:13   作者:FutrueJet  
这篇文章主要介绍了微信小程序获取手机系统信息的方法,涉及微信小程序wx.getSystemInfo函数的简单使用技巧,并附带源码供读者下载参考,需要的朋友可以参考下

本文实例讲述了微信小程序获取手机系统信息的方法。分享给大家供大家参考,具体如下:

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 常见的闭包问题的解决办法

    javascript 常见的闭包问题的解决办法

    javascript 常见的闭包问题的解决办法,需要的朋友可以参考下。
    2009-11-11
  • 基于原生js实现判断元素是否有指定class名

    基于原生js实现判断元素是否有指定class名

    这篇文章主要介绍了基于原生js实现判断元素是否有指定class名,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07
  • js前端如何写一个精确的倒计时代码

    js前端如何写一个精确的倒计时代码

    关于写倒计时大家可能都都比较熟悉,使用 setTimeout 或 setInterval 就可以搞定。几秒钟或者几分钟的倒计时这样写没有问题,但是如果是长时间的倒计时,这样写就会不准确
    2019-10-10
  • JavaScript 中“...” 的多种用途及代码实例

    JavaScript 中“...” 的多种用途及代码实例

    扩展运算符(Spread Operator)和剩余参数(Rest Parameters)是JavaScript中的两个非常有用的特性,实际应用中,这些功能可以用于合并数组、复制对象属性等操作,极大地提高了JavaScript编程的便利性和功能性,感兴趣的朋友跟随小编一起看看吧
    2024-09-09
  • js中flexible.js实现淘宝弹性布局方案

    js中flexible.js实现淘宝弹性布局方案

    这篇文章主要为大家详细介绍了js中flexible.js实现淘宝弹性布局方案,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • javascript设置文本框光标的方法实例小结

    javascript设置文本框光标的方法实例小结

    这篇文章主要介绍了javascript设置文本框光标的方法,结合实例形式总结分析了javascript针对文本框光标的位置、设置及文本操作的相关技巧,需要的朋友可以参考下
    2016-11-11
  • javascript实现简单滚动窗口

    javascript实现简单滚动窗口

    这篇文章主要为大家详细介绍了javascript实现简单滚动窗口,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06
  • JS实现求字符串中出现最多次数的字符和次数示例

    JS实现求字符串中出现最多次数的字符和次数示例

    这篇文章主要介绍了JS实现求字符串中出现最多次数的字符和次数,涉及javascript针对字符串的遍历、统计、计算等相关操作技巧,需要的朋友可以参考下
    2019-07-07
  • webpack开发跨域问题解决办法

    webpack开发跨域问题解决办法

    本篇文章主要介绍了webpack开发跨域问题解决办法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • 前端技巧之HTTP中POST提交数据四种方式

    前端技巧之HTTP中POST提交数据四种方式

    这篇文章主要为大家介绍了前端技巧之HTTP中POST提交数据四种方式详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-06-06

最新评论