Die Installierbarkeit ist eine der Hauptanforderungen von Progressive Web Apps (PWAs). Wenn Sie Nutzer dazu auffordern, Ihre PWA zu installieren, können sie sie zu ihren Startbildschirmen hinzufügen. Nutzer, die Apps zu Startbildschirmen hinzufügen, interagieren häufiger mit diesen Apps.
Ein Web-App-Manifest enthält die wichtigsten Informationen, die erforderlich sind, um deine App installierbar zu machen.
So schlägt die Manifestprüfung der Lighthouse-Web-App fehl
Lighthouse kennzeichnet Seiten ohne Web-App-Manifest, das die Mindestanforderungen für die Installierbarkeit erfüllt:
Wenn das Manifest einer Seite die folgenden Attribute nicht enthält, schlägt die Prüfung fehl:
- Eine
short_name
- odername
-Property - Eine
icons
-Property mit einem 192 × 192 Pixel und einem 512 × 512 Pixel großen Symbol - Eine
start_url
-Property - Ein
display
-Attribut, das auffullscreen
,standalone
oderminimal-ui
festgelegt ist - Ein
prefer_related_applications
-Attribut, das auf einen anderen Wert alstrue
festgelegt ist.
So machen Sie Ihre PWA installierbar
Achten Sie darauf, dass Ihre App ein Manifest hat, das die oben genannten Kriterien erfüllt. Weitere Informationen zum Erstellen einer PWA findest du unter Jetzt installierbar machen.
Prüfen, ob Ihre PWA installiert werden kann
In Chrome
Wenn deine App die Mindestanforderungen für die Installierbarkeit erfüllt, löst Chrome ein beforeinstallprompt
-Ereignis aus, mit dem du den Nutzer zur Installation deiner PWA auffordern kannst.
In anderen Browsern
Bei anderen Browsern gelten andere Kriterien für die Installation und zum Auslösen des beforeinstallprompt
-Ereignisses.
Weitere Informationen finden Sie auf den entsprechenden Websites: