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 Startoberflächen des Betriebssystems angezeigt, z. B. im Anwendungsordner 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 zum Teilen 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 eine Schaltfläche „Installieren“ in der Adressleiste oder ein Menüpunkt „Installieren“ im Dreipunkt-Menü.

Screenshot der Omnibox mit sichtbarer Installationsanzeige.
Installationswerbung über den Browser (Desktop)
Screenshot einer 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 präsentiert wird:

  • Die Web-App ist noch nicht installiert
  • Erfüllt die Nutzer-Engagement-Heuristik:
    • 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 Web-App-Manifest mit folgenden Elementen:
    • short_name oder name
    • icons – muss ein 192-Pixel- und ein 512-Pixel-Symbol 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: