Nie skonfigurowano niestandardowego ekranu powitalnego

Dzięki niestandardowym ekranom powitalnym progresywna aplikacja internetowa (PWA) będzie wyglądać jak aplikacja stworzona na potrzeby danego urządzenia. Gdy użytkownik uruchomi PWA z ekranu głównego, Android domyślnie wyświetla biały ekran do momentu, aż aplikacja PWA będzie gotowa. Użytkownik może widzieć pusty biały ekran przez maksymalnie 200 ms. Skonfiguruj niestandardowy ekran powitalny, aby wyświetlać użytkownikom niestandardowy kolor tła i ikonę aplikacji PWA, co zapewni atrakcyjność dla marki.

Co się dzieje z kontrolą ekranu powitalnego Lighthouse

Lighthouse oznacza strony, które nie mają niestandardowego ekranu powitalnego:

Inspekcja Lighthouse pokazująca, że witryna nie jest skonfigurowana pod kątem niestandardowego ekranu powitalnego

Jak utworzyć niestandardowy ekran powitalny

Chrome na Androida automatycznie wyświetla niestandardowy ekran powitalny, o ile Twój manifest aplikacji internetowej spełnia te wymagania:

  • Właściwość name ma nazwę PWA.
  • Właściwość background_color ma ustawioną prawidłową wartość koloru CSS.
  • Właściwość theme_color ma ustawioną prawidłową wartość koloru CSS.
  • Tablica icons określa ikonę o rozmiarze co najmniej 512 x 512 pikseli.
  • Podana ikona istnieje i jest w formacie PNG.

Więcej informacji znajdziesz w artykule Dodawanie ekranu powitalnego do zainstalowanych aplikacji internetowych w Chrome 47.

Zasoby

Kod źródłowy kontroli Nie skonfigurowano niestandardowego ekranu powitalnego