如何在Windows 10 Chrome中将已安装PWA窗口高度设为35px?
解决Chrome PWA窗口无法通过
window.resizeTo设置为仅标题栏高度的问题 Chrome对PWA窗口有内置的最小尺寸阈值(默认高度108px),直接调用window.resizeTo设置35px会被浏览器的尺寸限制拦截,但手动拖拽不受此限制,可通过以下方法绕过:
分步调整窗口尺寸
先将窗口高度调整到略高于默认阈值,再二次调整到目标高度。浏览器在第一次调整后会更新窗口状态,第二次调整就不会触发拦截。示例代码:// 先调整到接近默认最小高度的数值 window.resizeTo(window.innerWidth, 110); // 延迟执行第二次调整,确保浏览器完成第一次尺寸更新 setTimeout(() => { window.resizeTo(window.innerWidth, 35); }, 100);确保页面无多余高度占用
完善页面样式,彻底清除默认内外边距和高度:html, body { height: 0; min-height: 0; margin: 0; padding: 0; overflow: hidden; }验证PWA清单配置
确认manifest.json中的display字段为standalone(这是带标题栏的标准PWA窗口模式),避免使用fullscreen等会隐藏标题栏的模式。
内容的提问来源于stack exchange,提问作者Cheetah
相关产品推荐
相关产品推荐

