Welche Voraussetzungen müssen erfüllt sein, damit es installierbar ist?

Pete LePage

Progressive Web-Apps (PWAs) sind moderne, hochwertige Anwendungen, die mit Webtechnologie entwickelt wurden. PWAs bieten ähnliche Funktionen wie iOS-/Android-/Desktop-Apps, sind auch bei instabilen Netzwerkbedingungen zuverlässig und lassen sich installieren, sodass Nutzer sie leichter finden und verwenden können.

Die meisten Nutzer sind mit der Installation von Apps und den Vorteilen einer installierten App vertraut. Installierte Anwendungen werden auf Startoberflächen des Betriebssystems angezeigt, z. B. im Ordner „Anwendungen“ unter Mac OS X, im Startmenü unter Windows und auf dem Startbildschirm unter Android und iOS. Installierte Anwendungen werden auch in der Aktivitätsübersicht, in Gerätesuchmaschinen wie Spotlight und in Blättern zum Teilen von Inhalten angezeigt.

Die meisten Browser zeigen dem Nutzer an, dass Ihre progressive Web-App (PWA) installiert werden kann, wenn sie bestimmte Kriterien erfüllt. Beispiele für Indikatoren sind die Schaltfläche „Installieren“ in der Adressleiste oder der Menüpunkt „Installieren“ im Überlaufmenü.

Screenshot der Omnibox mit sichtbarem Installationshinweis
Browser provided install promotion (desktop)
Screenshot der Installationswerbung im Browser.
Browser provided install promotion (mobile)

Wenn die Kriterien erfüllt sind, lösen viele Browser außerdem ein beforeinstallprompt-Ereignis aus. So können Sie eine benutzerdefinierte In-App-UX bereitstellen, die den Installationsvorgang in Ihrer App auslöst.

Installationskriterien

Damit das beforeinstallprompt-Ereignis ausgelöst und die Aufforderung zur Installation im Browser angezeigt wird, muss Ihre progressive Web-App in Chrome die folgenden Kriterien erfüllen:

  • Die Web-App ist noch nicht installiert.
  • Entspricht den Heuristiken zur Nutzerinteraktion:
    • Der Nutzer muss mindestens einmal auf die Seite geklickt oder getippt haben (zu einem beliebigen Zeitpunkt, auch während eines vorherigen Seitenaufrufs).
    • Der Nutzer muss die Seite mindestens 30 Sekunden lang angesehen haben (zu einem beliebigen Zeitpunkt).
  • Über HTTPS bereitgestellt werden
  • Enthält ein Web-App-Manifest mit folgenden Angaben:
    • short_name oder name
    • icons – muss ein Symbol mit 192 Pixel und ein Symbol mit 512 Pixel enthalten
    • start_url
    • display – muss fullscreen, standalone, minimal-ui oder window-controls-overlay sein
    • prefer_related_applications darf nicht vorhanden sein oder muss false lauten.

Bei anderen Browsern gelten ähnliche Kriterien für die Installation, es kann jedoch geringfügige Unterschiede geben. Weitere Informationen finden Sie auf den jeweiligen Websites: