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 mobile Apps und Desktop-Apps. Sie sind auch bei instabilen Netzwerkbedingungen zuverlässig und lassen sich installieren, was es Nutzern erleichtert, sie zu finden und zu verwenden.

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 macOS 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ü.

Browser provided install promotion (desktop)
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.
  • ü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: