Google bringer nyt PWA Install UI til Chrome til Android

Google bringer nyt PWA Install UI til Chrome til Android

En progressiv webapp er dybest set den lette version af en egentlig fuld app. Hvis du installerer disse apps i Chrome til Android, ligner dine fremtidige PWA -appinstallationer indfødte appinstallationer.





Dette skyldes, at Google ruller et nyt PWA -installationsgrænseflade ud, der ligner meget Play Store -brugergrænsefladen.





Nuværende PWA -installationer i Chrome

I øjeblikket, hvis du åbner et understøttet websted i Chrome på Android, får du et lille banner i bunden, der beder om at tilføje appen til startskærmen. Sådan installerer du i øjeblikket progressive web -apps i Chrome på Android.





Denne installationsgrænseflade ligner eller føles ikke som den oprindelige app -installationsgrænseflade.

Det nye PWA Install UI i Chrome til Android

Som annonceret af Chrome Developers på Twitter, bringer Google et rigere installations -UI til progressive web -apps til Chrome på Android.



Denne brugergrænseflade ligner meget det, du ser i den officielle Google Play Butik. Der er appnavnet, en lille beskrivelse, nogle skærmbilleder og endda en installationsknap.

Sådan ser det nye PWA UI ud

Da denne nye brugergrænseflade netop er blevet lanceret, er der ikke mange apps, der bruger denne nye brugergrænseflade. Twitter er den første til at bruge denne installationsgrænseflade til sin progressive web -app.





sort skærm efter opdatering af Windows 10

I denne nye installationsgrænseflade har du nu en lille beskrivelse af appen, et par skærmbilleder af den app, du skal installere, og en Installere knappen øverst til højre i prompten.

Ved at trykke på denne knap installeres PWA på din telefon; dette giver dig næsten den samme følelse, som hvis du installerer en Play Butik -app.





Sådan bruges det nye brugergrænseflade til din app

Hvis du er en udvikler, skal du tilføje to medlemmer til dit manifest for at bruge denne nye installationsgrænseflade. Tilføje beskrivelse og skærmbilleder medlemmer til din manifestfil, og Chrome til Android vil bruge det nye brugergrænseflade til din progressive webappinstallation.

Relateret: iPhone- og iPad -apps til design af fantastiske brugergrænseflader

Husk følgende, når du tilføjer billeder til din app:

  • Billedernes bredde og højde skal være mindst 320px og højst 3840px.
  • Dine skærmbilleder skal have det samme billedformat.
  • Dine skærmbilleder skal bruge JPG- eller PNG -filformat.
  • Den maksimale dimension må ikke være to gange større end minimumsdimensionen.

Når du har foretaget de nødvendige ændringer i din fil, vil din progressive webappinstallation meget ligne den oprindelige appinstallation.

Rigere installationsgrænseflade til PWA'er i Chrome

Progressive webapp -udviklere kan nu få deres apps til at bruge en rigere installationsprompt i Chrome på Android. Dette vil opmuntre flere til at installere din app på deres telefoner.

Hvis du er en slutbruger, kan du nu se flere detaljer om en PWA, før du installerer den på din telefon.

Del Del Tweet E -mail Sådan gør du ethvert websted til en Android -app på få sekunder

Med denne app er det super nemt og hurtigt at lave Lite -versioner af apps, hvilket sparer batterilevetid og forbedrer din telefons ydeevne.

Læs Næste
Relaterede emner Om forfatteren Mahesh Makvana(307 artikler udgivet)

Mahesh er teknisk forfatter på MakeUseOf. Han har skrevet tekniske vejledninger i cirka 8 år nu og har dækket mange emner. Han elsker at lære folk, hvordan de kan få mest muligt ud af deres enheder.

Mere fra Mahesh Makvana

Abonner på vores nyhedsbrev

Tilmeld dig vores nyhedsbrev for at få tekniske tips, anmeldelser, gratis e -bøger og eksklusive tilbud!

Klik her for at abonnere