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

时间:2014-09-25 17:33:17

标签: javascript

我正在测试一个在几乎所有桌面浏览器和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之前执行脚本。 它的脚本类似于那些(前)加载屏幕'在一些网站上。

1 个答案:

答案 0 :(得分:0)

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

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

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