• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 Next.js 게시판 개인프로젝트 PWA질문입니다 센세

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

3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 글쓴이
  • #129097

    김동우
    참가자
    프로젝트에 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 주 전에 수정됐습니다.
    #129107

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

    김동우
    참가자
    감사합니다 센세!!!!!
3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠