僅在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