iOS Safari 팝업 차단 문제 해결기

이 게시물은 iOS Safari에서 window.open()으로 새 창이 열리지 않는 문제의 원인과 해결 방법을 다룹니다.

문제 발생 배경

• 특정 iOS 기기 및 페이지에서만 새 창 열기 기능이 동작하지 않음
• Safari 팝업 차단 정책이 사용자 상호작용과 팝업 생성 시점 타이밍을 엄격히 판단

원인 분석 및 해결책

• 사용자 클릭 직후 API 호출 후 window.open() 실행 시 Safari가 팝업을 차단
• 직접적인 사용자 클릭과 창 생성 간 즉각적 연결이 필요
• 빈 창을 먼저 열고 뒤에 API 응답으로 URL 설정하는 방식으로 문제 해결
• 로딩 페이지를 추가하여 사용자 경험 개선

개발자 인사이트

서비스 개발 시 사용자 환경과 브라우저 정책에 대한 깊은 이해가 중요함을 확인