仅在Firefox Mobile浏览器上获取错误的视口尺寸

Getting wrong viewport dimentions on Firefox Mobile browser only

本文关键字：视口 取错误 获取 Firefox Mobile 浏览器 仅在      更新时间：2023-09-26

我测试了一个脚本，它在几乎所有的桌面浏览器和Android的chrome浏览器上都能很好地工作，但当我在Android版本的Firefox Mobile浏览器上测试它时，我得到了错误的视口尺寸。

因此，我决定编写一个小脚本，记录三个阶段的视口尺寸[init（加载前）、加载后和1秒超时后]

http://kraftpixel.in/test/viewport.html

这是我在Moto-E安卓手机上收到的。我还注意到"加载后的尺寸"是随机的，有一次我注意到加载后w=980 h=480，但现在我得到了以下结果。

Initial dimensions : w=980 h=480
Dimensions after load : w=360 h=519
1 Sec after load via setTimeout() : w=360 h=519

有人可以使用Firefox Mobile浏览器在他们的android手机上测试这种行为吗？

欢迎提出建议，但我需要在onLoad之前执行脚本。它的脚本类似于一些网站上的"（预）加载屏幕"。

我遇到了与您相同的问题，经过一些研究，我发现要正确初始化这些属性，您应该等到DOMContentLoaded被激发。

尝试使用该事件而不是加载来修改脚本，您将得到与加载后一秒激发日志函数相同的结果。

https://developer.mozilla.org/en-US/docs/Web/Events/DOMContentLoaded

相关文章：