ScreenOrientation change event(모바일 화면전환 감지 가 모바일웹에서 안먹힙니다 ㅠㅠㅠㅠ iOS Safari

Question

공식문서에는 ScreenOrientation: change event가 모바일(아이폰/안드로이드)/pc에서는 다 된다고 써져있는데 왜 안먹히는지 모르겠습니다.제가 만들려고 하건 모바일용 웹페이지에요. 모바일에서 ScreenOrientation: change event로 화면 전환 감지를 해서 화면전환(가로/세로모드)가 일어날때마다 location.reload(); 를 실행시켜서 새로고침이 되게하려고 합니다. pc에서 모바일모드로 설정후 화면전환 해보면 잘 작동되는데아이폰 사파리에서만 안됩니다..코드는 아래처럼 작성했어요. (참고로 해당코드만 js이고 나머지 코드는 제이쿼리에요)window.addEventListener(&#34;load&#34;, function() { screen.orientation.addEventListener(&#34;change&#34;, (event) &#61;> { alert(&#34;?&#34;); location.reload(); }); });사실 처음에는 ScreenOrientation: change event 가 아니라 orientationchange를 사용했었는데요, 그때는 모바일 화면 전환 감지가 잘 됬었는데, &#34;아이폰 사파리 웹&#34;에서 화면전환할때마다 &#34;해당 페이지를 다운로드 하시겠습니까?&#34; alert가 뜨면서 페이지 다운로드를 유도하더라구요. 이걸 해결못해서 찾아보니 orientationchange 는 지원중단 되었다고 하네요.그래서 ScreenOrientation: change event 로 바꿔 사용하려고 하는건데 모바일웹 (iOS 16.6 Safari) 에서 함수안의 alert(&#34;?&#34;); 와location.reload(); 모두 작동되지 않습니다ㅠㅠ 지금 아이폰 safari로 디버깅이 어려운 상태라 console.log 확인이 어려워 alert로 디버깅 하려고 하는데 그게 작동이 안되네요.. 혹시 비슷한 경험 있으신분이나 해결방법 혹은 다른 대안 아시는분 답변 부탁드립니다!

KarlStyner · Answer

잘 되네요. 아무 사이트에서나 콘솔에서 screen.orientation.addEventListener("change", (event) => { console.log(event) })로 등록했는데 잘 됩니다.아이폰 사파리로 확인했습니다.

ScreenOrientation change event(모바일 화면전환 감지 가 모바일웹에서 안먹힙니다 ㅠㅠㅠㅠ iOS Safari

1개의 답변

기술 목록