我正在测试一个在几乎所有桌面浏览器和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之前执行脚本。 它的脚本类似于那些(前)加载屏幕'在一些网站上。
答案 0 :(得分:0)
我遇到了同样的问题,经过一些研究后我发现要正确初始化这些属性,你应该等到DOMContentLoaded被解雇。
尝试使用该事件而不是onload来修改脚本,并且您将获得与加载后一秒触发日志功能相同的结果。
https://developer.mozilla.org/en-US/docs/Web/Events/DOMContentLoaded