Chrome 手机上的窗口尺寸故障

jas*_*san 11 html javascript browser google-chrome reactjs

我使用 Chrome 浏览器(110.0.5481.65)在新的 Pixel 7 Pro(Android 13)上测试了这种奇怪的行为。

测试:

我创建了一个简单的应用程序,可以打印window.innerWidthwindow.innerHeight显示到屏幕上。我也使用此网页(https://www.rapidtables.com/web/tools/window-size.html)经历了这种行为,(免责声明:不是由我托管)

在初始加载时,当我输入地址并使用 Android 设备(Pixel 7pro)上的 Mobile Chrome 访问该网站时,没有任何用户交互,尺寸为 412x1101。

初始加载时窗口内部尺寸,无需任何用户交互

交互时(点击或单击刷新)它是 412 x 775

窗口内部尺寸点击或单击

按预期滚动后,地址栏会隐藏,尺寸为 412 x 831。

滚动后窗口内部尺寸

问题:为什么初始高度是 1101 ?我希望它是 775,当地址栏隐藏时滚动时它是 831

更新:

经过进一步测试,似乎只有当我直接在地址栏中输入网址并单击“开始”时才会发生这种情况。如果我通过 QR 扫描或单击链接标签打开 url 链接,则 insideHeight 符合预期。很奇怪