Wie man eine PWA installiert - Progressive Web Application

Diese Anleitung erklärt, wie Sie eine lokale Kopie einer Progressive Web Application (PWA) installieren können, sodass Sie direkt von Ihrem Gerät darauf zugreifen können – ohne einen Browser öffnen oder die Domain der App suchen zu müssen. Nach der Installation können Sie die App einfach über ihr Symbol starten und sofort verwenden.

Installation auf Android Installation auf iOS

Was ist eine PWA? - Progressive Web Application?

Eine Progressive Web Application (PWA) ist eine Website, die auf Ihr Gerät heruntergeladen und wie eine App verwendet werden kann. Zwar kann eine PWA wie jede normale Webseite genutzt werden, doch die Installation bietet zusätzliche Vorteile. Eine installierte PWA funktioniert auch ohne Internetverbindung und erscheint zusammen mit Ihren anderen Apps für einen bequemen Zugriff. Der Installationsprozess variiert je nach Betriebssystem und Webbrowser.

Safari-Browser

Installationsprozess auf iOS-Geräten

Eine PWA kann unter iOS nur über den Safari-Browser installiert werden. Öffnen Sie die Seite zuerst in Safari. Tippen Sie auf die Schaltfläche „Teilen“ und wählen Sie „Zum Home-Bildschirm hinzufügen“. Tippen Sie anschließend oben rechts auf „Hinzufügen“, um die Installation abzuschließen. Das PWA-Symbol erscheint nun auf Ihrem Home-Bildschirm.

Screenshot der Website in Safari mit hervorgehobener Drei-Punkte-Schaltfläche unten rechts

Screenshot der Website in Safari mit geöffnetem Menü und hervorgehobener „Teilen“-Schaltfläche

iOS-Teilen-Menü mit hervorgehobener Option „Zum Home-Bildschirm hinzufügen“

iOS-Bildschirm „Zum Home-Bildschirm hinzufügen“ mit hervorgehobener „Hinzufügen“-Schaltfläche

Screenshots, die die Schritte zur PWA-Installation auf iOS zeigen

Google Chrome

Installationsprozess auf Android-Geräten

Der Standardbrowser Chrome kann PWAs auf Android installieren. Öffnen Sie die Website in Chrome. Tippen Sie auf das Drei-Punkte-Menü oben rechts. Wählen Sie „Zum Startbildschirm hinzufügen“. Tippen Sie im Popup auf „Hinzufügen“. Die PWA ist nun installiert und erscheint auf Ihrem Startbildschirm.

Screenshot der Website in Chrome mit hervorgehobener Drei-Punkte-Schaltfläche oben rechts

Screenshot der Website in Chrome mit geöffnetem Menü und hervorgehobener Option „Zum Startbildschirm hinzufügen“

Chrome-Installationsbildschirm mit hervorgehobener „Installieren“-Schaltfläche

Chrome-Bildschirm „Zum Startbildschirm hinzufügen“ mit hervorgehobener „Hinzufügen“-Schaltfläche

Screenshots, die die Schritte zur PWA-Installation auf Android zeigen

Desktop-PWA

Installation einer PWA auf Windows und macOS

Google Chrome und Microsoft Edge bieten derzeit die beste Unterstützung für PWAs auf Windows und macOS. Der Installationsprozess ist in beiden Browsern sehr ähnlich. Öffnen Sie zunächst die Website, die Sie als PWA installieren möchten. Wenn die Website eine PWA ist, erscheint rechts in der Adressleiste ein Symbol. Klicken Sie darauf und anschließend auf „Installieren“. Alternativ können Sie die PWA über das Drei-Punkte-Menü installieren. Unter Windows erscheint die PWA im Startmenü. Auf einem Mac finden Sie sie im Launchpad und in der Spotlight-Suche.