크롬에서 PWA 바로가기, 주소줄 설치 버튼 나타내기

2
// Initialize deferredPrompt for use later to show browser install prompt.
let deferredPrompt;

window.addEventListener('beforeinstallprompt', (e) => {
  // Prevent the mini-infobar from appearing on mobile
  e.preventDefault();
  // Stash the event so it can be triggered later.
  deferredPrompt = e;
  // Update UI notify the user they can install the PWA
  //showInstallPromotion();  <-- 필요 없다
  // Optionally, send analytics event that PWA install promo was shown.
  console.log(`'beforeinstallprompt' event was fired.`);
});

------=----------
요약
manifest 선언하고
그게 웹앱에 알맞게 되어있으면
위 소스의 이벤트 받아서 진행 가능하다고 함.


PWA 디버그를 위해서
chrome://flags/#bypass-app-banner-engagement-checks
chrome://flags/#enable-add-to-shelf
플래그를 활성화하면 도움이 된다고 한다.
댓글
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
제목 작성자 날짜
공대여자
공대여자
mins01
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자