Chrome PWA全屏模式页面高度不正确

5gfr0r5j 于 2023-08-01 发布在 Go

关注(0)|答案(1)|浏览(101)

清单中定义的全屏模式下的PWA应用程序的页面高度大于视口大小。它不依赖于页面的内容，即使在空白页面上也会持续存在。这将导致页面上出现额外的滚动条，并显示“位置：固定的”元素移动向上和向下的滚动。有什么办法可以补救吗？
我也在stackoverflow上找到了完全相同的主题，但仍然没有解决方案：

此行为最近出现，并在chrome版本114.0.5735.130，Android 9，Redmi 6A Build/PPR1.180610.011中重现
在应用程序设置中删除Chrome更新修复了问题，但预装的Chrome版本是80. 0，而且太旧了。

1条答案

它为我工作了几个Android设备：
1.在PWA清单中，将fullscreen替换为standalone：

display: "standalone"

字符串
1.在JavaScript代码中，在根元素上调用requestFullscreen()：

document.documentElement.requestFullscreen()

型
NB：该解决方案的一个小缺点是，它需要最近的用户与应用程序的交互。