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

Pete LePage

Progressive Web-Apps (PWAs) sind moderne, hochwertige Anwendungen, die mit Webtechnologien erstellt werden. PWAs bieten ähnliche Funktionen wie iOS-/Android-/Desktop-Apps, sind auch bei instabilen Netzwerkbedingungen zuverlässig und können installiert werden, was es Nutzern erleichtert, sie zu finden und zu verwenden.

Die meisten Nutzer sind mit der Installation von Anwendungen und den Vorteilen einer installierten Anwendung vertraut. Installierte Anwendungen werden auf den 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 Apps werden auch im Aktivitätsschalter, in Gerätesuchmaschinen wie Spotlight und in Tabellen für die Freigabe von Inhalten angezeigt.

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

Screenshot der Omnibox mit sichtbarem Installationssymbol
Installationswerbung über den Browser (Desktop)
Screenshot der vom Browser bereitgestellten Installationswerbung
Installationswerbung über den Browser (Mobilgeräte)

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

In Chrome muss Ihre Progressive Web-App die folgenden Kriterien erfüllen, damit das Ereignis beforeinstallprompt ausgelöst und das In-Browser-Installationsangebot angezeigt wird:

  • Die Web-App ist noch nicht installiert
  • Erfüllt die Heuristiken für die Nutzerinteraktion:
    • Der Nutzer muss mindestens einmal auf die Seite geklickt oder getippt haben (jederzeit, auch während eines vorherigen Seitenladevorgangs).
    • Der Nutzer muss sich die Seite mindestens 30 Sekunden lang angesehen haben.
  • über HTTPS ausgeliefert werden
  • Enthält ein Manifest für Webanwendungen mit folgenden Elementen:
    • short_name oder name
    • icons – muss ein Symbol mit 192 × 192 Pixeln und ein Symbol mit 512 × 512 Pixeln enthalten
    • start_url
    • display – muss fullscreen, standalone, minimal-ui oder window-controls-overlay sein
    • prefer_related_applications darf nicht vorhanden sein oder muss false sein.

Für andere Browser gelten ähnliche Installationskriterien, es kann jedoch geringfügige Unterschiede geben. Weitere Informationen finden Sie auf den jeweiligen Websites: