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

【问题标题】：Getting wrong viewport dimentions on Firefox Mobile browser only仅在 Firefox Mobile 浏览器上获取错误的视口尺寸
【发布时间】：2014-09-25 17:33:16
【问题描述】：

我正在测试一个在几乎所有桌面浏览器和 Android 的 chrome 浏览器上都能正常运行的脚本，但是当我在 Android 版本的 Firefox 移动浏览器上测试它时，我的视口尺寸有误。

所以我决定编写一个小脚本来记录三个阶段的视口尺寸[初始化（加载前）、加载后和 1 秒超时后]

这是我在 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 移动浏览器测试这种行为吗？

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

【问题讨论】：

【解决方案1】：

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

尝试使用该事件而不是 onload 来修改您的脚本，您将获得与加载后一秒触发日志功能时相同的结果。

【讨论】：