모든 환경에서 사용가능한 JavaScript (자바스크립트) 팝업 창 코드
웹앱에서 팝업 창을 이용하는 것이 아주 까다롭습니다. 더군다나 iOS에서는 잘 호환이 안되죠. 여러 리서치를 하고 나서 테스트 결과 다음 아래의 방법이 Windows, Android, macOS, iOS에서의 여러 브라우저와 호환이 가능하다고 결론이 나왔습니다. 문제 되는 점은 iOS와 macOS의 사파리 브라우저입니다. iOS는 먼저 iOS 세팅에서 팝업 해제를 하여야 하고 macOS 에서는 사파리 브라우저 세팅에서 팝업 해제를 해야 합니다. 게다가 macOS의 사파리는 asynchronous 콜에서 (예제로 $.ajax 콜) callback 함수 중에 팝업창을 열지 못하게 막아놨습니다. 그래서 모든 상황에 맞춰서 코딩을 해야 하죠. 팝업창 사용 시 유용한 세 가지 기능을 비모바일과 모바일 환경으로 나..
개발 (Development & Coding)/한글본 (Korean)
2022. 12. 2. 14:04