Dzięki niestandardowemu ekranowi powitalnemu progresywna aplikacja internetowa (PWA) wygląda jak aplikacja stworzona na potrzeby danego urządzenia. Domyślnie, gdy użytkownik uruchamia Twoją aplikację PWA z ekranu głównego, Android wyświetla biały ekran, dopóki aplikacja PWA nie będzie gotowa. Użytkownik może zobaczyć ten pusty, biały ekran przez maksymalnie 200 ms. Skonfigurowanie niestandardowego ekranu powitalnego pozwala wyświetlać użytkownikom niestandardowy kolor tła i ikonę Twojej aplikacji PWA, co zapewnia atrakcyjne wrażenia związane z marką.
Niepowodzenie kontroli ekranu powitalnego Lighthouse
Lighthouse oznacza strony, które nie mają niestandardowego ekranu powitalnego:
Jak utworzyć niestandardowy ekran powitalny
Chrome na Androida automatycznie wyświetla niestandardowy ekran powitalny, jeśli Twój manifest aplikacji internetowej spełnia te wymagania:
- Właściwość
nameto nazwa Twojej aplikacji PWA. - Właściwość
background_colorma ustawioną prawidłową wartość koloru CSS. - Właściwość
theme_colorma ustawioną prawidłową wartość koloru CSS. - Tablica
iconsokreś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