Google bringt neue Benutzeroberfläche für die PWA-Installation in Chrome für Android

Google bringt neue Benutzeroberfläche für die PWA-Installation in Chrome für Android

Eine progressive Web-App ist im Grunde die Light-Version einer tatsächlichen Voll-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 Benutzeroberfläche für die PWA-Installation einführt, die der Play Store-Benutzeroberfläche ähnelt.



Aktuelle PWA-Installationen in Chrome

Wenn Sie derzeit eine unterstützte Website in Chrome auf 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 Installations-UI sieht nicht aus oder fühlt sich an wie die native App-Installations-UI.

Die neue PWA-Installationsoberfläche in Chrome für Android

Wie von den Chrome-Entwicklern auf Twitter angekündigt, bringt Google eine umfangreichere Installationsoberfläche für progressive Web-Apps in Chrome auf Android.



Diese Benutzeroberfläche ähnelt stark dem, was Sie im offiziellen Google Play Store sehen. Es gibt den App-Namen, eine kleine Beschreibung, einige Screenshots und sogar eine Schaltfläche zum Installieren.

So sieht die neue PWA-Benutzeroberfläche aus

Da diese neue Benutzeroberfläche gerade eingeführt wurde, gibt es nicht viele Apps, die diese neue Benutzeroberfläche verwenden. Twitter ist das erste Unternehmen, das diese Installationsoberfläche für seine progressive Web-App verwendet.



So löschen Sie die Facebook-Geschäftsseite

In dieser neuen Installationsbenutzeroberfläche haben Sie jetzt eine kleine Beschreibung der App, einige Screenshots der App, die Sie installieren möchten, und eine Installieren Schaltfläche oben rechts in der Eingabeaufforderung.

Wenn Sie auf diese Schaltfläche tippen, 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 ein Entwickler sind, müssen Sie Ihrem Manifest zwei Mitglieder hinzufügen, um diese neue Installationsbenutzeroberfläche verwenden zu können. Hinzufügen Bezeichnung und Screenshots Mitglieder in Ihre Manifestdatei und Chrome für Android verwendet die neue Benutzeroberfläche für die Installation Ihrer progressiven Web-App.

Verwandte: iPhone- und iPad-Apps zum Entwerfen atemberaubender Benutzeroberflächen

Beachten Sie beim Hinzufügen von Bildern zu Ihrer App Folgendes:

  • Die Breite und Höhe der Bilder müssen mindestens 320 Pixel und höchstens 3840 Pixel betragen.
  • Ihre Screenshots müssen das gleiche Seitenverhältnis haben.
  • Ihre Screenshots müssen das Dateiformat JPG oder PNG verwenden.
  • Die maximale Abmessung darf nicht zweimal größer als die minimale Abmessung sein.

Nachdem Sie die erforderlichen Änderungen an Ihrer Datei vorgenommen haben, sieht Ihre progressive Web-App-Installation der nativen App-Installation sehr ähnlich.

Umfangreichere Installationsoberfläche für PWAs in Chrome

Progressive Web-App-Entwickler können ihre Apps jetzt mit einer umfangreicheren Installationsaufforderung in Chrome auf Android versehen. Dies wird mehr Menschen dazu ermutigen, Ihre App auf ihren Telefonen zu installieren.

Wenn Sie ein Endbenutzer sind, können Sie jetzt weitere Details zu einer PWA anzeigen, bevor Sie sie auf Ihrem Telefon installieren.

Teilen Teilen Tweet Email So verwandeln Sie jede Website in Sekundenschnelle in eine Android-App

Mit dieser App können Sie ganz einfach und schnell Lite-Versionen von Apps erstellen, wodurch Sie Akkulaufzeit sparen und die Leistung Ihres Telefons verbessern.

Weiter lesen Verwandte Themen Über den Autor Mahesh Makvana(307 veröffentlichte Artikel)

Mahesh ist Tech Writer bei MakeUseOf. Er schreibt seit etwa 8 Jahren technische Anleitungen und hat viele Themen behandelt. Er liebt es, Menschen beizubringen, wie sie das Beste aus ihren Geräten herausholen können.

Mehr von Mahesh Makvana

Abonniere unseren Newsletter

Abonnieren Sie unseren Newsletter für technische Tipps, Rezensionen, kostenlose E-Books und exklusive Angebote!

Klicken Sie hier, um zu abonnieren