wx.getSystemInfoSync().windowWidth   // 获取当前窗口的宽度
wx.getSystemInfoSync().windowHeight    // 获取当前窗口的高度
wx.getSystemInfoSync().model    // 获取当前采用的设备
wx.getSystemInfoSync().pixelRatio
wx.getSystemInfoSync().language   // 获取当前所采用的的语言
wx.getSystemInfoSync().version    // 获取当前设备的版本

微信小程序怎么动态获取view的高度?

 1、首先给你的xml对象一个id:

<view style="height:213px;" id='myText'/>

 2、然后在js里,用一个SelectorQuery来选择对应id的节点(注意id前面要加一个#号),就可以获取对应节点的属性,包括高度。

//创建节点选择器
var query = wx.createSelectorQuery();
//选择id
query.select('#myText').boundingClientRect()
query.exec(function (res) {//res就是 所有标签为myText的元素的信息 的数组
  console.log(res);//取高度console.log(res[0].height);
})

 这样,就可以看到取到的高度和其他信息

转载于:https://www.cnblogs.com/rachelch/p/9178998.html

小程序中获取高度以及设备的方法相关推荐

  1. 开发微信小程序 中遇到的坑 及解决方法

    开发微信小程序 中遇到的坑 及解决方法 参考文章: (1)开发微信小程序 中遇到的坑 及解决方法 (2)https://www.cnblogs.com/feiye512/p/6070052.html ...

  2. 室内定位——如何在微信小程序中获取Beacon的RSSI值

      前言:本文使用的Beacon是智石科技的Smart Beacon,手机的操作系统是Android,其中实现室内定位最重要的参数是Beacon发射的蓝牙信号中的RSSI值.废话不多说,请看下面分解. ...

  3. 记录小程序中获取公众号的信息授权实现过程

    1.小程序页面触发webview跳转h5授权 <template><view v-if="showContent"><web-view :src=&q ...

  4. 微信小程序中获取用户微信公众号授权(openid)用来发送模板消息

    需求: 由于小程序不能直接向用户发送模板消息,所以需要用公众号向用户发送模板消息. 于是需要将小程序的openid和公众号的openid绑定在一起.提供两种思路: 方法一: 1.微信小程序和公众号都绑 ...

  5. 【微搭低代码】小程序中获取当前城市信息

    在我们的实例宠物小程序中,一进入小程序需要获取当前用户的所在城市,并且显示城市名称.微信小程序api有获取当前位置信息的getLocation.但是这个api只能返回当前用户的经纬度信息,不能直接获取 ...

  6. 微信小程序中图片高度被压扁的解决办法

    微信小程序开发中使用image标签展示的长图因为太长,就会被压扁变形,让人看起来很难看,那如何才能让图片的高度自适应呢?使用css的height:auto也没办法实现. 翻看了小程序社区的问答,发现了 ...

  7. 微信小程序中获取用户手机号

    注: 首先获取用户需要用户主动触发才能获取手机接口,不能由API调用 1.申请测试账号 申请成功获取appid(小程序ID),AppSecret(小程序密钥) 在project.config.json ...

  8. 另辟蹊径,在小程序中获取是否关注公众号

    近期处理了一个需求,具体是需要在小程序首页展示一个"去关注"公众号的按钮(如下图),并跳转到公众号去关注:这里其实比较好处理,直接用<web-view/>内嵌到公众号就 ...

  9. 微信小程序中获取用户微信运动信息

    可以通过微信接口:wx.getWeRunData 获取用户过去三十天的微信运动步数. 前提: 使用这个接口有两个前提: 1. 需先调用wx.login接口进行登录  步数信息会在用户主动进入小程序时更 ...

最新文章

  1. python文件读写1
  2. 嵌入式Linux内存压力测试
  3. Fedora 12 安装配置subversion
  4. Visual Studio 智能提示消失解决办法
  5. android.mk 翻译,翻译ANDROID-MK.TXT
  6. 前端学习(3167):react-hello-react之鼠标移入效果
  7. python opencv3 检测人
  8. 构建线性表的c语言代码,数据结构严蔚敏C语言版—线性表顺序存储结构(顺序表)C语言实现相关代码...
  9. php管道的概念,管道线的概念定义及分析技巧的讲解
  10. scala学习-Linux命令行运行jar包传入main方法参数
  11. Virtual TreeView使用示例
  12. 21. 包含min函数的栈(C++版本)
  13. 最新版vmWare的安装后如何新建虚拟机
  14. 在RT-Thread上移植EtherCAT开源主站SOEM1.4.0
  15. 乐谱xml文件转为VOCALOID3的输入文件格式vsqx
  16. python和java反射_python的反射和自省
  17. Cortex-M核心寄存器
  18. 无人驾驶刚刚开始的未来
  19. 如何进行网站流量分析?你需要知道这些指标
  20. python编码格式 兼容中文_python中文编码(汉字乱码问题解决方案)

热门文章

  1. CentOS 6.5安装python3.3.4
  2. 详解LINUX 的DHCP服务
  3. 我们讲得比开复专业一点,是《奇葩大会》的李开复
  4. RBAC权限管理总结
  5. excel学习笔记之一
  6. 《机器人操作系统ROS原理与应用》——1.1 宏观
  7. C#学习基本概念之结构与类
  8. 测试机型不够?把玩家反馈过的问题机型,都测个遍
  9. mysql优化的重要参数 key_buffer_size table_cache
  10. PingingLab传世经典系列《CCNA完全配置宝典》-2.5 RIPv2基本配置