Chrome Dev Summit 2018 is happening now and streaming live on YouTube. Watch now.

매니페스트의 display 속성 설정

감사가 중요한 이유

앱을 홈 화면에서 실행하면 웹 앱 매니페스트의 display 속성을 사용하여 앱의 디스플레이 모드를 지정할 수 있습니다.

감사를 통과하는 방법

display 속성을 웹 앱 매니페스트에 추가하고 fullscreen, standalone, browser 값 중 하나로 설정합니다.

{
  ...
  "display": "fullscreen",
  ...
}

각 값에 대한 자세한 내용은 MDN의 display 속성 참조를 참조하세요.

앱에서 'Add to Homescreen'을 적절히 구현하고 테스트하는 방법을 안내하는 가이드 목록은 매니페스트의 존재를 참조하세요.

감사 구현 방법

이 섹션에서는 감사 점수 계산 방법을 이해할 수 있도록 감사를 어떻게 구현하는지 설명합니다.

Lighthouse는 매니페스트를 가져와서 display 속성이 있는지, 값이 fullscreen, standalone, browser 중 하나인지 확인합니다.

Lighthouse가 가져오는 매니페스트는 Chrome이 페이지에서 사용하는 것과 별개로, 부정확한 결과가 나올 수 있습니다.