[메모] iOS 카카오톡 웹뷰에서 Plain Text 텍스트가 하얀 바탕에 하얀 글씨로 나올 때

빠르게 보는 결론

iOS Version 17.6.1

카카오톡 버전 11.0.2

기기가 다크모드로 설정돼있을 때 현상 발생.

 

카톡 테마를 '블랙'으로 바꾸면 된다.

 

배경

Plain Text를 리턴하는 간단한 API를 만들었다.

그런데 카카오톡 인앱 웹뷰에서 API 링크를 열면 화면이 하얗게 나왔다.

 

프레임워크단에서 브라우저별로 접근을 제한하는 설정이 있나..? 했는데, 하얀 화면에 스크롤이 내려졌다.

꾹 누르니 커서도 선택되었다.

하얀 바탕에 하얀 글씨가 뜨고 있던 것이다.

 

현상파악

카톡으로 링크를 공유받은 다른 사람은 글자가 잘 보인다고 했다.

그 사람의 기기 설정은 라이트 모드였다. (아이폰)

나도 라이트 모드로 설정을 바꿨더니 하얀 바탕에 검은 텍스트가 보였다.

하지만 이것 때문에 핸드폰 설정을 바꾸기는 싫었다.

 

해결

카톡 하단탭바 > 더보기 (점점점) 탭 > 상단에 설정 기어버튼 > '테마' 메뉴 선택

맨 아래에 '블랙' 으로 카톡 테마 설정.

 

이러면 카카오톡 웹뷰에서 텍스트가 잘 보인다.