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 文字を超えると、ホーム画面上で途中までしか表示されません。

Chrome の場合は、short_name が定義されておらず、name プロパティの値が十分に短ければ、name プロパティの値が代用されます。

監査に合格する方法

ウェブアプリ マニフェストの short_name プロパティを 12 文字以下にします。

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

または、マニフェストで short_name プロパティを指定しない場合は、name プロパティを 12 文字以下にします。

アプリに "Add to Homescreen" 機能を適切に実装して、テストを実施する方法については、マニフェストを使用するで紹介しているガイドをご覧ください。

監査方法

このセクションでは Lighthouse による監査方法と監査スコアの算出方法を説明します。

Lighthouse はマニフェストを取得して、short_name プロパティが 12 文字以下であることを検証します。 name プロパティは short_name の代わりに使用されることがあるため、Lighthouse では short_name プロパティも代替値としてテストする点に注意してください。 つまり、マニフェストに short_name がない場合でも、name が 12 文字以下であれば監査には合格します。 なお、Lighthouse で取得するマニフェストは、Chrome がページで使用するマニフェストとは別のファイルであるため、正確な結果が出ない場合があります。