UniApp 获取屏幕分辨率

本文介绍了如何在uni-app中利用onLoad生命周期方法和uni.getSystemInfo接口获取设备的屏幕高度。通过调用success回调,我们可以打印出窗体的高度。获取其他系统信息时,可以参照官方文档获取详细参数。这是一个基础的前端开发技巧,适用于移动应用开发。

首先我们需要获取设备的屏幕分辨率,那么就需要用到官方提供的方法。

我们在 onLoad 的生命函数里面来运行这个方法

onLoad: function() { 
    uni.getSystemInfo({
		success: (res) => {
					
		}
	})
}

根据官方文档的讲解,里面包含很多参数,看自己的需求来获取,同时官方也是对各个平台的差异做出了说明,参数有点多,就只截图一部分,详情请转至  获取系统内容

 已知 windowHeight 参数是获取窗体高度的,所以我们直接拿过来用就可以了。

onLoad: function() { 
    uni.getSystemInfo({
		success: (res) => {
			
			console.log(res.Height);
		}
	})
}

运行一下,就可以得出窗体高度,想获取其他系统信息,具体看官网文档获取系统内容

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值