小程序中获取高度以及设备的方法
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)开发微信小程序 中遇到的坑 及解决方法 (2)https://www.cnblogs.com/feiye512/p/6070052.html ...
- 室内定位——如何在微信小程序中获取Beacon的RSSI值
前言:本文使用的Beacon是智石科技的Smart Beacon,手机的操作系统是Android,其中实现室内定位最重要的参数是Beacon发射的蓝牙信号中的RSSI值.废话不多说,请看下面分解. ...
- 记录小程序中获取公众号的信息授权实现过程
1.小程序页面触发webview跳转h5授权 <template><view v-if="showContent"><web-view :src=&q ...
- 微信小程序中获取用户微信公众号授权(openid)用来发送模板消息
需求: 由于小程序不能直接向用户发送模板消息,所以需要用公众号向用户发送模板消息. 于是需要将小程序的openid和公众号的openid绑定在一起.提供两种思路: 方法一: 1.微信小程序和公众号都绑 ...
- 【微搭低代码】小程序中获取当前城市信息
在我们的实例宠物小程序中,一进入小程序需要获取当前用户的所在城市,并且显示城市名称.微信小程序api有获取当前位置信息的getLocation.但是这个api只能返回当前用户的经纬度信息,不能直接获取 ...
- 微信小程序中图片高度被压扁的解决办法
微信小程序开发中使用image标签展示的长图因为太长,就会被压扁变形,让人看起来很难看,那如何才能让图片的高度自适应呢?使用css的height:auto也没办法实现. 翻看了小程序社区的问答,发现了 ...
- 微信小程序中获取用户手机号
注: 首先获取用户需要用户主动触发才能获取手机接口,不能由API调用 1.申请测试账号 申请成功获取appid(小程序ID),AppSecret(小程序密钥) 在project.config.json ...
- 另辟蹊径,在小程序中获取是否关注公众号
近期处理了一个需求,具体是需要在小程序首页展示一个"去关注"公众号的按钮(如下图),并跳转到公众号去关注:这里其实比较好处理,直接用<web-view/>内嵌到公众号就 ...
- 微信小程序中获取用户微信运动信息
可以通过微信接口:wx.getWeRunData 获取用户过去三十天的微信运动步数. 前提: 使用这个接口有两个前提: 1. 需先调用wx.login接口进行登录 步数信息会在用户主动进入小程序时更 ...
最新文章
- python文件读写1
- 嵌入式Linux内存压力测试
- Fedora 12 安装配置subversion
- Visual Studio 智能提示消失解决办法
- android.mk 翻译,翻译ANDROID-MK.TXT
- 前端学习(3167):react-hello-react之鼠标移入效果
- python opencv3 检测人
- 构建线性表的c语言代码,数据结构严蔚敏C语言版—线性表顺序存储结构(顺序表)C语言实现相关代码...
- php管道的概念,管道线的概念定义及分析技巧的讲解
- scala学习-Linux命令行运行jar包传入main方法参数
- Virtual TreeView使用示例
- 21. 包含min函数的栈(C++版本)
- 最新版vmWare的安装后如何新建虚拟机
- 在RT-Thread上移植EtherCAT开源主站SOEM1.4.0
- 乐谱xml文件转为VOCALOID3的输入文件格式vsqx
- python和java反射_python的反射和自省
- Cortex-M核心寄存器
- 无人驾驶刚刚开始的未来
- 如何进行网站流量分析?你需要知道这些指标
- python编码格式 兼容中文_python中文编码(汉字乱码问题解决方案)