惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

T
Threat Research - Cisco Blogs
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
V
Vulnerabilities – Threatpost
GbyAI
GbyAI
P
Proofpoint News Feed
L
LINUX DO - 热门话题
P
Palo Alto Networks Blog
A
About on SuperTechFans
T
Tenable Blog
M
MIT News - Artificial intelligence
IT之家
IT之家
I
Intezer
D
DataBreaches.Net
爱范儿
爱范儿
T
Threatpost
C
CERT Recently Published Vulnerability Notes
云风的 BLOG
云风的 BLOG
博客园 - 三生石上(FineUI控件)
WordPress大学
WordPress大学
K
Kaspersky official blog
大猫的无限游戏
大猫的无限游戏
A
Arctic Wolf
Y
Y Combinator Blog
Cyberwarzone
Cyberwarzone
酷 壳 – CoolShell
酷 壳 – CoolShell
D
Darknet – Hacking Tools, Hacker News & Cyber Security
H
Help Net Security
Microsoft Security Blog
Microsoft Security Blog
Spread Privacy
Spread Privacy
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
AWS News Blog
AWS News Blog
博客园 - 聂微东
C
Check Point Blog
S
Securelist
有赞技术团队
有赞技术团队
雷峰网
雷峰网
aimingoo的专栏
aimingoo的专栏
Last Week in AI
Last Week in AI
Stack Overflow Blog
Stack Overflow Blog
MongoDB | Blog
MongoDB | Blog
D
Docker
G
GRAHAM CLULEY
T
The Exploit Database - CXSecurity.com
C
Cybersecurity and Infrastructure Security Agency CISA
T
Tailwind CSS Blog
L
Lohrmann on Cybersecurity
G
Google Developers Blog
C
Cyber Attacks, Cyber Crime and Cyber Security
L
LangChain Blog

博客园 - SHENHUANJIE

Marvis 使用进阶:联动与外部资源整合 这是一篇用 Marvis发布的文章,让大家都去用 Marvis 程序员保持高效的5个习惯 Kimi WebBridge:让 AI 真正操控你的浏览器 腾讯突然扔出王炸!马维斯一夜刷屏,打工人终于有救了? AIGC-测试库账号密码 openspec 是什么?怎么正确使用? # Hello World 的传奇起源 Please Start Here AI助手记忆系统:从金鱼到大象的进化之路 mac 快速切换 python 版本 卢曼卡片盒笔记法介绍 Introduction to the Zettelkasten Method DevOps 入门指南:基础知识解读 「读书计划」《啊哈!算法》7日结构化学习规划 Java RestTemplate 发送 POST 请求设置请求体示例 跨平台开发方案:优缺点对比及选择指南 Java实现简单多层感知器神经网络 Google开发者账号注册步骤详解 ipify.org:免费IP查询服务详解 Google开发者利器:云平台与Firebase服务解析 Google Fonts字体库使用指南 UNI-APP + Spring Boot 实现小程序手机号登录 UNI-APP 获取用户手机号授权与服务器端处理指南 MySQL 8.0 如何禁用 ONLY_FULL_GROUP_BY 平衡工作与生活的10个实用方法 Linux安装Ollama并启用服务教程 如何在 LobeChat 中使用 Ollama Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
Uni-app页面信息与元素影响解析
SHENHUANJIE · 2025-03-28 · via 博客园 - SHENHUANJIE

获取窗口信息uni.getWindowInfo

{
	pixelRatio: 3
	safeArea:{
		bottom: 778
		height: 731
		left: 0
		right: 375
		top: 47
		width: 375
	}
	safeAreaInsets: {
		top: 47, 
		left: 0, 
		right: 0, 
		bottom: 34
	},
	screenHeight: 812,
	screenTop: 0,
	screenWidth: 375,
	statusBarHeight: 47,
	windowBottom: 0,
	windowHeight: 812,
	windowTop: 0,
	windowWidth: 375
}

参数的含义

  ​uni.getWindowInfo()​方法用于获取当前窗口的相关信息,其返回结果包含以下属性1:

  1. pixelRatio​:设备像素比。
  2. screenWidth​:屏幕宽度,单位为逻辑像素。
  3. screenHeight​:屏幕高度,单位为逻辑像素。
  4. windowWidth​:可使用的窗口宽度,单位为逻辑像素。
  5. windowHeight​:可使用的窗口高度,单位为逻辑像素。
  6. windowTop​:可使用窗口的顶部位置,即窗口顶部距离屏幕顶部的距离,单位为逻辑像素。
  7. windowBottom​:可使用窗口的底部位置,即窗口底部距离屏幕顶部的距离,单位为逻辑像素。
  8. statusBarHeight​:手机状态栏的高度,单位为逻辑像素。
  9. screenTop​:窗口顶部边缘的y​值,即窗口顶部距离屏幕顶部的距离,与windowTop​类似,但在某些情况下可能有不同的计算方式或用途。
  10. safeArea​:一个对象,包含了竖屏正方向下安全区域的信息,包括以下属性:

* ​left​:安全区域左上角的横坐标,单位为逻辑像素。
* ​right​:安全区域右下角的横坐标,单位为逻辑像素。
* ​top​:安全区域左上角的纵坐标,单位为逻辑像素。
* ​bottom​:安全区域右下角的纵坐标,单位为逻辑像素。
* ​width​:安全区域的宽度,单位为逻辑像素。
* ​height​:安全区域的高度,单位为逻辑像素。
12. ​safeAreaInsets​:一个对象,包含了竖屏正方向下安全区域的插入位置信息,包括以下属性:
13.

* ​left​:安全区域左侧的插入位置,单位为逻辑像素。
* ​right​:安全区域右侧的插入位置,单位为逻辑像素。
* ​top​:安全区域顶部的插入位置,单位为逻辑像素。
* ​bottom​:安全区域底部的插入位置,单位为逻辑像素。

示例图

  在不同的机型上返回的参数对比如下:

  • 如果当前页面中没有在 pages中设置导航栏,windowHeight 与 screenHeight 高度相同

画布