개인프로젝트 PWA질문입니다 센세

[김동우]

프로젝트에 PWA 적용하고 BeforeInstallPromptEvent 이벤트 사용해서 
커스텀 다운로드 alert box 보이게 만들었습니다.
근데 chrome edge opera firefox 제외한 브라우저와 ios에서 BeforeInstallPromptEvent 이벤트
지원을 하지 않는다길래 ios는 alert box에 설치방법 기재하고, 
기타 브라우저에선 이벤트 지원 가능한 브라우저로 이동해서 웹 다시 키라고 적힌 alert box 가 보이게 만들었습니다.
여기서 window.navigator.userAgent 사용해서 사용자 디바이스가 ios인지 아닌지, 이벤트 적용 가능한 브라우저인지 체크하려고 했는데,
ios하고 BeforeInstallPromptEvent 이벤트 지원하는 브라우저는 생각대로 잘 동작하는데, 기타 브라우저에서 alert box가 보이지 않습니다.
특히 제작한 웹앱이 카카오 공유하기 기능을 사용중이라 카카오 인앱 브라우저에서 안보이는게 치명적이에요.
혹시 제 기타 브라우저에서 제 생각대로 동작하지 않는 이유와, 다른 더 좋은 방법 있다면 알려주시면 감사감사하겠습니다.

아래는 해당 코드 깃헙주소입니다
https://github.com/pvvng/kkomentle/blob/develop/app/components/hidden-container/InstallPWAAlertContainer.tsx

• 이 게시글은 김동우에 의해 11 월, 1 주 전에 수정됐습니다.

[codingapple]

카톡브라우저에서 user agent 출력해봅시다
아마 kakao어쩌구도 들어있고 chrome어쩌구 단어도 들어있어서 그럴수도요

[김동우]

감사합니다 센세!!!!!

[글쓴이]

글