Google bringt neue PWA-Installationsoberfläche für Chrome für Android
Eine progressive Web-App ist im Grunde die Light-Version einer tatsächlichen vollständigen App. Wenn Sie diese Apps in Chrome für Android installieren, ähneln Ihre zukünftigen PWA-App-Installationen nativen App-Installationen.
Dies liegt daran, dass Google eine neue PWA-Installationsoberfläche einführt, die der Play Store-Benutzeroberfläche sehr ähnlich sieht.
Aktuelle PWA-Installationen in Chrome
Wenn Sie eine unterstützte Site in Chrome unter Android öffnen, wird unten ein kleines Banner angezeigt, in dem Sie aufgefordert werden, die App zum Startbildschirm hinzuzufügen. So installieren Sie derzeit progressive Web-Apps in Chrome auf Android.
Diese Installationsoberfläche sieht oder fühlt sich nicht wie die native App-Installationsoberfläche an.
Die neue PWA-Installationsoberfläche in Chrome für Android
Wie von Chrome-Entwicklern auf Twitter angekündigt, bringt Google eine umfassendere Installationsoberfläche für progressive Web-Apps auf Chrome für Android.
Ab heute erhalten einige Benutzer auf Android einen umfangreicheren PWA-Installationsdialog auf Twitter.
– Möchten Sie dasselbe für Ihre PWA?
– Einfach. Fügen Sie Ihrem Manifest das Mitglied "description" und "Screenshots" hinzu, und Sie sind fertig.Weitere Informationen finden Sie unter https://t.co/dBVxQmQMcU pic.twitter.com/h8Sczroz4L
– Chrome Developers (@ChromiumDev), 29. März 2021
Diese Benutzeroberfläche ähnelt weitgehend dem, was Sie im offiziellen Google Play Store sehen. Es gibt den Namen der App, eine kleine Beschreibung, einige Screenshots und sogar eine Schaltfläche zum Installieren.
Wie die neue PWA-Benutzeroberfläche aussieht
Da diese neue Benutzeroberfläche gerade erst eingeführt wurde, gibt es nicht viele Apps, die diese neue Benutzeroberfläche verwenden. Twitter ist der erste, der diese Installationsoberfläche für seine progressive Web-App verwendet.
In diesem neuen Benutzeroberfläche installiert, haben Sie jetzt eine kleine Beschreibung der App, ein paar Screenshots des App , dass Sie zu installieren sind, und ein Install – Button in der oberen rechten Ecke der Eingabeaufforderung.
Durch Tippen auf diese Schaltfläche wird die PWA auf Ihrem Telefon installiert. Dies gibt Ihnen fast das gleiche Gefühl, als würden Sie eine Play Store-App installieren.
So verwenden Sie die neue Benutzeroberfläche für Ihre App
Wenn Sie Entwickler sind, müssen Sie Ihrem Manifest zwei Mitglieder hinzufügen, um diese neue Installationsoberfläche zu verwenden. Fügen Sie Ihrer Manifestdatei Mitglieder mit Beschreibungen und Screenshots hinzu , und Chrome für Android verwendet die neue Benutzeroberfläche für Ihre progressive Web-App-Installation.
Beachten Sie Folgendes, wenn Sie Ihrer App Bilder hinzufügen:
- Die Breite und Höhe der Bilder muss mindestens 320 Pixel und höchstens 3840 Pixel betragen.
- Ihre Screenshots müssen das gleiche Seitenverhältnis haben.
- Ihre Screenshots müssen das JPG- oder PNG-Dateiformat verwenden.
- Die maximale Abmessung darf nicht doppelt so groß sein wie die minimale Abmessung.
Wenn Sie die erforderlichen Änderungen an Ihrer Datei vorgenommen haben, ähnelt Ihre progressive Web-App-Installation stark der nativen App-Installation.
Reichhaltigere Installationsoberfläche für PWAs in Chrome
Fortschrittliche Web-App-Entwickler können ihre Apps jetzt dazu bringen, eine umfangreichere Installationsaufforderung in Chrome unter Android zu verwenden. Dies wird mehr Menschen dazu ermutigen, Ihre App auf ihren Handys zu installieren.
Wenn Sie ein Endbenutzer sind, können Sie jetzt weitere Details zu einer PWA anzeigen, bevor Sie sie auf Ihrem Telefon installieren.