오늘 저는 동료가 jQuery를 사용하여 동적 휴대폰 화면 너비와 높이를 얻는 문제를 해결하도록 도왔습니다.
문제의 원인은 동료가 전체 화면 스크롤이 필요한 그림 컨트롤을 사용할 때 그림을 전체 화면으로 설정하려면 화면 높이를 가져와야 한다는 것입니다. 그러나 그는 $(window).height()를 사용하여 처음으로 높이를 얻을 수 없었습니다. 새로 고침 후에 수행할 수 있었습니다. 문제를 해결하기 위해 window.onload=function(){}을 사용해 보았지만 발견했습니다. 여전히 실패했습니다.
결국 브라우저에 두 번째 새로 고침 시 캐시가 있어서 높은 값을 얻을 수 있었던 것 같아요. 그러면 페이지의 DOM을 로드하는 데 걸리는 시간 차이가 원인이겠죠. 이 문제 때문에 setTimeout(method name, 500);을 사용했는데 500밀리초 지연 후 결과는 정상입니다.
친구가 화면 너비와 높이를 알 수 없을 때 다음을 시도해 보세요.