ChampionMATES

Hoe installeer je een Progressive Web App (PWA)

Deze instructies leggen uit hoe je een lokale versie van een Progressive Web App (PWA) installeert, zodat je de app direct vanaf je apparaat kunt openen zonder browser of website te hoeven gebruiken. Na installatie klik je simpelweg op het app-icoon om meteen te starten.

Wat is een PWA?

Een Progressive Web App (PWA) is een website die je kunt downloaden naar je apparaat en gebruiken als een app. Hoewel een PWA ook als normale website werkt, biedt installatie extra voordelen. Een geïnstalleerde PWA kan ook zonder internet werken en verschijnt naast je andere apps voor gemakkelijke toegang. Het installatieproces verschilt per besturingssysteem en browser.

SAFARI

PWA installeren op iOS

Een PWA kan op iOS alleen worden geïnstalleerd via Safari. Ga eerst naar de website in Safari. Druk op de knop 'Delen' en kies 'Zet op beginscherm'. Tik daarna op 'Voeg toe' rechtsboven om de installatie te voltooien. De app staat nu op je beginscherm.

ScreenshotScreenshotScreenshot

Screenshots die de installatie van een PWA op iOS tonen

CHROME

PWA installeren op Android

De standaard Chrome-browser ondersteunt PWA-installatie op Android. Ga naar de website in Chrome. Druk op het icoon met de drie puntjes rechtsboven om het menu te openen. Kies 'Toevoegen aan startscherm'. Druk op 'Toevoegen' in het venster. De PWA is nu geïnstalleerd en beschikbaar op je startscherm.

ScreenshotScreenshotScreenshotScreenshot

Screenshots die de installatie van een PWA op Android tonen

Een PWA installeren op Windows of Mac

Google Chrome en Microsoft Edge bieden de beste ondersteuning voor PWA's op Windows en Mac. Het installatieproces is vergelijkbaar in beide browsers. Ga naar de website die je wilt installeren. Als het een PWA is, zie je een icoon in de adresbalk. Klik op het icoon en vervolgens op 'Installeren'. Je kunt ook installeren via het menu met drie puntjes.


Op Windows verschijnt de app in het Startmenu. Op Mac vind je de app in Launchpad en via Spotlight.

Microsoft Edge
Screenshot

Screenshots die de installatie van een PWA tonen in de Microsoft Edge-browser

Safari
Screenshot

Screenshots die de installatie van een PWA tonen in de Safari-browser

Google Chrome
Screenshot

Screenshots die de installatie van een PWA tonen in de Google Chrome-browser