The #ChromeDevSummit site is live, happening Nov 12-13 in San Francisco, CA
Check it out for details and request an invite. We'll be diving deep into modern web tech & looking ahead to the platform's future.

홈 화면에 표시되었을 때 매니페스트의 짧은 이름이 잘리지 않음

감사가 중요한 이유

사용자가 홈 화면에 웹 앱을 추가하면 short_name 속성은 앱 아이콘 옆에 레이블로 표시됩니다. short_name이 12자보다 길면 홈 화면에 잘려서 표시됩니다.

short_name이 없으면 Chrome은 name 속성으로 돌아갑니다(길이가 짧을 경우).

감사를 통과하는 방법

웹 앱 매니페스트의 short_name 속성을 12자 미만으로 설정합니다.

{
  ...
  "short_name": "Air Horner",
  ...
}

또는 매니페스트에서 short_name 속성을 지정하지 않은 경우 name 속성을 12자 미만으로 설정합니다.

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

감사 구현 방법

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

Lighthouse가 매니페스트를 가져와서 short_name 속성이 12자 미만인지 확인합니다. name 속성은 short_name 대신 사용할 수 있기 때문에 Lighthouse는 이 속성도 대체용으로 검사합니다. 매니페스트에 short_name을 포함하지 않았지만 name이 12자 미만이라면 감사가 통과됩니다. Lighthouse가 가져오는 매니페스트는 Chrome이 페이지에서 사용하는 것과 별개로, 부정확한 결과가 나올 수 있습니다.