Google brengt nieuwe PWA-installatie-UI naar Chrome voor Android

Google brengt nieuwe PWA-installatie-UI naar Chrome voor Android

Een progressieve web-app is in feite de light-versie van een echte volledige app. Als u deze apps installeert in Chrome voor Android, zullen uw toekomstige PWA-app-installaties lijken op native app-installaties.





Dit komt omdat Google een nieuwe gebruikersinterface voor PWA-installatie uitrolt die veel lijkt op de gebruikersinterface van de Play Store.



Huidige PWA-installaties in Chrome

Als u momenteel een ondersteunde site opent in Chrome op Android, krijgt u onderaan een kleine banner waarin u wordt gevraagd de app aan het startscherm toe te voegen. Zo installeer je momenteel progressieve web-apps in Chrome op Android.





Deze installatie-UI ziet er niet uit of voelt niet als de native app-installatie-UI.

De nieuwe PWA-installatie-UI in Chrome voor Android

Zoals aangekondigd door Chrome-ontwikkelaars op Twitter, brengt Google een uitgebreidere installatie-UI voor progressieve web-apps naar Chrome op Android.



Deze gebruikersinterface lijkt veel op wat je ziet in de officiële Google Play Store. Er is de app-naam, een kleine beschrijving, enkele schermafbeeldingen en zelfs een knop Installeren.

Hoe de nieuwe PWA-gebruikersinterface eruitziet

Aangezien deze nieuwe gebruikersinterface net is uitgerold, zijn er niet veel apps die deze nieuwe gebruikersinterface gebruiken. Twitter is de eerste die deze installatie-interface gebruikt voor zijn progressieve web-app.



hoe de batterij op Apple Watch te sparen

In deze nieuwe installatie-gebruikersinterface heb je nu een korte beschrijving van de app, een paar schermafbeeldingen van de app die je gaat installeren en een Installeren knop in de rechterbovenhoek van de prompt.

Als u op deze knop tikt, wordt de PWA op uw telefoon geïnstalleerd; dit geeft je bijna hetzelfde gevoel alsof je een Play Store-app installeert.



Hoe u de nieuwe gebruikersinterface voor uw app gebruikt

Als u een ontwikkelaar bent, moet u twee leden aan uw manifest toevoegen om deze nieuwe installatie-UI te gebruiken. Toevoegen Omschrijving en schermafbeeldingen leden toe aan uw manifestbestand en Chrome voor Android gebruikt de nieuwe gebruikersinterface voor uw progressieve webapp-installatie.

Gerelateerd: iPhone- en iPad-apps voor het ontwerpen van verbluffende gebruikersinterfaces

Houd rekening met het volgende bij het toevoegen van afbeeldingen aan uw app:

  • De breedte en hoogte van de afbeeldingen moeten minimaal 320px en maximaal 3840px zijn.
  • Je schermafbeeldingen moeten dezelfde beeldverhouding hebben.
  • Uw schermafbeeldingen moeten het JPG- of PNG-bestandsformaat gebruiken.
  • De maximale afmeting mag niet twee keer groter zijn dan de minimum afmeting.

Na het aanbrengen van de vereiste wijzigingen in uw bestand, zal uw progressieve web-app-installatie veel lijken op de native app-installatie.

Rijkere installatie-interface voor PWA's in Chrome

Ontwikkelaars van progressieve webapps kunnen hun apps nu een uitgebreidere installatieprompt laten gebruiken in Chrome op Android. Dit zal meer mensen aanmoedigen om uw app op hun telefoon te installeren.

Als u een eindgebruiker bent, kunt u nu meer details over een PWA zien voordat u deze op uw telefoon installeert.

Deel Deel Tweeten E-mail Hoe u elke website binnen enkele seconden in een Android-app kunt veranderen

Met deze app is het supergemakkelijk en snel om Lite-versies van apps te maken, waardoor je batterijduur wordt verkort en de prestaties van je telefoon worden verbeterd.

Lees volgende Gerelateerde onderwerpen Over de auteur Mahesh Makvana(307 artikelen gepubliceerd)

Mahesh is een technisch schrijver bij MakeUseOf. Hij schrijft al zo'n 8 jaar technische handleidingen en heeft veel onderwerpen behandeld. Hij leert mensen graag hoe ze het meeste uit hun apparaten kunnen halen.

Meer van Mahesh Makvana

Abonneer op onze nieuwsbrief

Word lid van onze nieuwsbrief voor technische tips, recensies, gratis e-boeken en exclusieve deals!

Klik hier om je te abonneren