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

Pete LePage

Progressive Web-Apps (PWAs) sind moderne, hochwertige Anwendungen, die mithilfe von Webtechnologie erstellt werden. PWAs bieten ähnliche Funktionen wie iOS-, Android- und Desktop-Apps. Sie 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 Anwendungen und den Vorteilen einer solchen Umgebung vertraut. Installierte Anwendungen werden auf den 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 Anwendungen werden auch in der Aktivitätsauswahl, in Gerätesuchmaschinen wie Spotlight und in Tabellen zum Teilen von Inhalten angezeigt.

Die meisten Browser zeigen Nutzern an, dass Ihre progressive Web-App (PWA) installierbar ist, wenn sie bestimmte Kriterien erfüllt. Beispielindikatoren sind die Schaltfläche „Installieren“ in der Adressleiste oder ein Element im Installationsmenü im Dreipunkt-Menü.

Screenshot der Omnibox mit sichtbarer Installationsanzeige.
Vom Browser bereitgestellte Installationswerbung (Computer)
Screenshot des vom Browser bereitgestellten Installationsangebots.
Vom Browser bereitgestellte Installationswerbung (Mobilgeräte)

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

Installationskriterien

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

  • Die Web-App ist noch nicht installiert
  • Erfüllt die Heuristik der Nutzerinteraktion:
    • Der Nutzer muss mindestens einmal auf die Seite geklickt oder getippt haben (zu jeder Zeit, auch während eines vorherigen Seitenaufbaus).
    • Der Nutzer muss zu einem beliebigen Zeitpunkt mindestens 30 Sekunden auf der Seite gewesen sein.
  • Bereitstellung über HTTPS
  • Enthält ein Web-App-Manifest, das Folgendes enthält:
    • short_name oder name
    • icons – muss ein Symbol mit 192 px und ein 512 px enthalten
    • start_url
    • display – muss fullscreen, standalone oder minimal-ui sein
    • prefer_related_applications darf nicht vorhanden sein oder false sein

Bei anderen Browsern gelten ähnliche Installationskriterien. Es kann jedoch geringfügige Unterschiede geben. Weitere Informationen finden Sie auf den entsprechenden Websites: