안녕하세요.
React 기반 웹 애플리케이션이 iOS 카카오톡 인앱 브라우저에서 접속 시, 정상적으로 페이지가 렌더링되지 않고 흰 화면만 표시되는 문제가 발생하고 있습니다.
해당 문제는 시크릿 브라우저를 포함한 다른 환경에서는 재현되지 않으며, iOS 카카오톡 인앱 브라우저에서만 발생하는 것으로 확인되었습니다.
아래에 문제 재현을 위한 링크와 테스트 환경 정보를 함께 첨부하였으니, 검토 및 확인을 부탁드립니다.
[링크]
https://app.caas.blue/guest/l-Px3f0hEYJYihRHQkxSL
감사합니다
안녕하세요.
카카오톡 인앱브라우저 뿐만 아니라 라인메신저, 페이스북 인앱브라우저 모두 표시되지 않습니다.
serviceWorker 사용하시나요?
네 사용하는 부분이 있고
const isSupported = () =>
‘Notification’ in window && ‘serviceWorker’ in navigator && ‘PushManager’ in window
이런식으로 navigator.serviceWorker가 있는지 분기처리해서 사용 중인데도 발생합니다
메이저 서비스 인앱브라우저에 모두 동일 증상 발생하므로
ios 의 wkwebview 브라우저 종속적인 문제 같은데요.
저희는 개발 하신 코드를 확인할 수 없어서, 예외 처리 하시며 테스트 해보는 방법 밖에 없을 듯해요.