카카오톡 인앱 브라우저에서 페이지 렌더링 오류

안녕하세요.

React 기반의 웹 애플리케이션이 iOS 카카오톡 인앱 브라우저에서 로드될 때 흰 화면만 표시되며 페이지가 정상적으로 렌더링되지 않는 문제가 발견되었습니다.

해당 이슈는 시크릿 브라우저를 포함한 다른 환경에서는 발생하지 않으며, 오직 iOS 카카오톡 인앱 브라우저에서만 페이지 접근이 제한되는 것으로 확인됩니다.

이와 관련하여 검토와 확인을 요청 드리며, 아래에 문제 재현을 위한 링크와 환경 정보를 첨부하였습니다.

[재현 링크]

  1. https://rememberapp.co.kr/home#/
  2. https://rememberapp.co.kr/login?campaign=careerOrganic&channel=careerOrganic&redirect=https%3A%2F%2Fhr.rememberapp.co.kr%2F#/onboarding/login

[재현 환경]

  • iOS 카카오톡 인앱 브라우저
  • 시크릿 브라우저(Chrome, Safari)에서는 정상 작동 확인됨

감사합니다.

안녕하세요.

회원님 서비스의 스크립트가 압축되어 있어 자세한 경로는 확인 불가하나
사용중인 UserAgent 분석 도구에서 browser version 정보를 확인할 수 없는 경우 (undefinded) split 함수에서 오류 발생하고 있습니다.

해당 위치의 스크립트를 직접 작성하신 경우라면 수정을
아닌경우 사용하시는 ua parser의 업데이트를 진행하시면 좋을것 같습니다.

1개의 좋아요

감사합니다 라이브러리 업데이트로 해결되었습니다.
ua-parser-js 0.7.20버전에서 카카오톡 인앱 브라우저를 정상적으로 인지하지 못해서 런타임 에러가 발생했습니다.
참고차 기록해둡니다.

1개의 좋아요