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

Question

我测试的脚本几乎可以在所有桌面浏览器和Android的浏览器上正常工作，但是当我在Android版Firefox浏览器上测试它时，我的视口尺寸错误。

所以我决定把一个小的脚本，分三个阶段进行登录视维[初始化（前负荷），负荷后和1秒的超时]

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

这是我在我的Moto-E android手机上接收。 另外我注意到'加载后的尺寸'是随机的，有一次我发现加载后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手机浏览器在他们的android手机上测试这种行为吗？

建议，但我需要在onLoad之前执行脚本。 它的脚本与某些网站上的'（Pre）加载屏幕'类似。

Answer 1

我有同样的问题，你和一些研究后，我发现要正确初始化这些属性，你应该等到DOMContentLoaded被解雇。

尝试使用该事件而不是onload来修改脚本，并且您将得到与载入后一秒钟激活日志功能时相同的结果。

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