페이지 표시 API를 사용하여 PWA가 표시되는지 확인

당신의 PWA가 언제 무대에 나타날지 알아야 합니까?현대 네트워크는 이미 덮어썼다Page Visibility API.

document.addEventListener("visibilitychange", () => {
  const state = document.visibilityState;
  if (state === "hidden") {
    // your PWA is now in the background
  }

  if (state === "visible") {
    // your PWA is now in the foreground
    refreshData();
  }
});

대부분의 문서에서는 탭을 전환할 때 이 이벤트를 트리거하는 방법에 대해 논의하지만 PWA가 전경화/배경화될 때도 이 이벤트를 트리거합니다.
https://visibility-api.netlify.app를 클릭하여 메인 화면에 추가하고 직접 시도해 보세요.

Hopefully you found this post helpful, if you have any questions you can find me .

Reference

이 문제에 관하여(페이지 표시 API를 사용하여 PWA가 표시되는지 확인), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/wes_goulet/detect-if-a-pwa-is-visible-with-the-page-visibility-api-1k3a

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다