웹 앱 매니페스트가 설치 가능성 요구 사항을 충족하지 않음
Published on • Updated on
Translated to: English, Español, Português, 中文, Pусский, 日本語
설치 가능성은 PWA(프로그레시브 웹 앱)의 핵심 요구 사항입니다. 사용자에게 PWA를 설치하라는 메시지를 표시하면 PWA를 홈 화면에 추가할 수 있습니다. 홈 화면에 앱을 추가하는 사용자는 해당 앱을 더 자주 사용합니다.
웹 앱 매니페스트에는 앱을 설치 가능하게 만드는 데 필요한 주요 정보가 포함되어 있습니다.
Lighthouse 웹 앱 매니페스트 감사가 실패하는 방법
Lighthouse는 설치 가능성에 대한 최소 요구 사항을 충족하는 웹 앱 매니페스트가 없는 페이지에 플래그를 지정합니다.
페이지의 매니페스트에 다음 속성이 포함되어 있지 않으면 감사에 실패합니다.
short_name또는name속성- 192x192픽셀 및 512x512픽셀 아이콘을 포함하는
icons start_url속성fullscreen,standalone또는minimal-ui로 설정된displaytrue이외의 값으로 설정되는prefer_related_applications속성.
앱을 설치하려면 웹 앱 매니페스트가 필요하지만 충분하지 않습니다. 설치 가능성에 대한 모든 요구 사항을 충족하는 방법을 알아보려면 설치 가능 게시물에 필요한 사항 알아보기를 참조하십시오.
In the Lighthouse report UI the full PWA badge is given when you pass all of the audits in all of the PWA subcategories (Fast and reliable, Installable, and PWA optimized).
PWA를 설치 가능하게 만드는 방법
앱에 위의 기준을 충족하는 매니페스트가 있는지 확인하세요. PWA 생성에 대한 자세한 내용은 설치 가능 컬렉션을 참조하세요.
PWA가 설치 가능한지 확인하는 방법
Chrome에서
앱이 설치 가능성에 대한 최소 요구 사항을 충족하면 Chrome은 사용자에게 PWA를 설치하라는 메시지를 표시하는 데 사용할 수 있는 beforeinstallprompt 이벤트를 실행합니다.
설치 가능하게 만들기 코드랩을 사용하여 Chrome에서 앱을 설치할 수 있도록 하는 방법에 대해 배우십시오.
다른 브라우저에서
다른 브라우저에는 설치 및 beforeinstallprompt 이벤트 트리거 기준이 다릅니다. 자세한 내용은 해당 사이트를 확인하십시오.
참고 자료
Updated on • Improve article