TIL 221227 인앱브라우저 탈출~

프로젝트를 진행하는데 이미지 저장 기능이 우리 서비스의 메인 기능 중 하나다. 기능 구현을 하고 카카오톡 인앱브라우저에서 테스트해보는데 사진 저장 버튼을 누르면 버튼이 눌리기만 하고 저장이 안 됐다. 

 

https://brunch.co.kr/@b30afb04c9f54dc/45

카카오톡은 왜 인앱 브라우저를 고수할까

 

찾아보니 인앱브라우저는 아주 사악한 녀석이라는 것을 알게 됐다. 인앱브라우저는 보통 브라우저에서 지원하는 기능들을 지원하지 않는 것이 많으며 브라우저 높이 반환값 같은 것들도 이상하다고 한다. 개발자들이 여러번 건의를 해도 고쳐지지 않는 것 같다. 사악한 인앱브라우저 때문에 이미지 저장기능이 작동하지 않는 것이었다. 인앱브라우저를 불편해하는 유저들도 많은 것 같지만 고치지 않아도 계속 사용되고 있고 그렇게 수집한 데이터로 수익을 올리고 있어 변화가 없는 것 같다. ☹️ 

 

결국 불편하지만 다른 브라우저를 켜달라고 유저에게 요청하는 인앱브라우저 탈출 코드를 발견했고 index.html에 붙여 넣어서 마지막페이지에서야 이미지 저장이 안 되는 걸 알게 되는 상황은 막았다. styled-reset을 사용했더니 스타일링이 안되어있어서 그 부분만 수정해서 코드를 그대로 사용했다. 번개애비 선생님 정말 감사합니다. 😀 저를 살리셨습니다..

 

https://burndogfather.tistory.com/257

iOS15 업데이트와 함께 찾아온 인앱브라우저 지옥과 최선