Projectlify Logo

So installieren Sie eine PWA -
Progressive Webanwendung?

Diese Anleitung erklärt, wie Sie eine lokale Kopie einer Progressive Webanwendung (PWA) installieren, 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 klicken Sie einfach auf das App-Symbol, um sie zu öffnen und sofort zu nutzen.

Screenshot eines iPhones
Erklärung

Was ist eine PWA - Progressive Webanwendung?

Eine Progressive Webanwendung (PWA) ist eine Website, die auf Ihr Gerät heruntergeladen und wie eine App genutzt werden kann. Während eine PWA wie jede normale Webseite verwendet werden kann, bietet die Installation einige Vorteile. Eine installierte PWA kann auch ohne Internetverbindung genutzt werden und erscheint neben Ihren anderen Apps für einen bequemen Zugriff. Der Installationsprozess hängt von Ihrem Betriebssystem und Webbrowser ab.

SAFARI

Installationsprozess auf iOS Mobilgerät

Eine PWA kann auf iOS nur über den Safari-Webbrowser installiert werden. Navigieren Sie zunächst in Safari zur Website. Drücken Sie die "Teilen"-Schaltfläche und wählen Sie im Popup "Zum Home-Bildschirm hinzufügen". Tippen Sie abschließend oben rechts auf "Hinzufügen", um die Installation der PWA abzuschließen. Sie erscheint nun auf Ihrem Home-Bildschirm.

Mobiler Screenshot der Projectlify-Website auf dem iPhone mit hervorgehobener Share-Schaltfläche in der Mitte unten.Erweitertes iPhone-Share-Menü mit hervorgehobener Schaltfläche 'Zum Home-Bildschirm hinzufügen'.iPhone-Ansicht 'Zum Home-Bildschirm hinzufügen' mit der Projectlify-App und hervorgehobener 'Hinzufügen'-Schaltfläche.

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

CHROME

Installationsprozess auf Android Mobilgerät

Der Standardbrowser Chrome kann PWAs auf Android installieren. Navigieren Sie zunächst in Chrome zur Website. Drücken Sie das "Drei-Punkte"-Symbol oben rechts, um das Menü zu öffnen. Wählen Sie "Zum Startbildschirm hinzufügen". Drücken Sie die "Hinzufügen"-Schaltfläche im Popup. Die PWA ist nun installiert und auf Ihrem Startbildschirm verfügbar.

Mobiler Screenshot der Projectlify-Website auf einem Telefon mit hervorgehobener Drei-Punkte-Schaltfläche oben rechts.Erweitertes Chrome-Einstellungsmenü mit hervorgehobener Schaltfläche 'Zum Startbildschirm hinzufügen'.Android-Ansicht 'Zum Startbildschirm hinzufügen' mit der Projectlify-App und hervorgehobener 'Installieren'-Schaltfläche.

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

Desktop-PWA

PWA installieren 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 für beide Browser sehr ähnlich. Navigieren Sie zunächst zur Website, die Sie als PWA installieren möchten. Wenn die Website eine PWA ist, erscheint ein Symbol auf der rechten Seite der URL-Leiste. Klicken Sie auf das Symbol und anschließend auf die Schaltfläche "Installieren". Alternativ können Sie die PWA über das "Drei-Punkte"-Menü installieren.


Auf einem Windows-PC ist die PWA im Startmenü verfügbar. Auf einem Mac befindet sie sich im Launcher und in der Spotlight-Suche.

Google Chrome
Screenshots, die die Schritte zur PWA-Installation im Google Chrome-Browser zeigen

Screenshots, die die Schritte zur PWA-Installation im Google Chrome-Browser zeigen

Safari
Screenshots, die die Schritte zur PWA-Installation im Safari-Browser zeigen

Screenshots, die die Schritte zur PWA-Installation im Safari-Browser zeigen

Microsoft Edge
Screenshots, die die Schritte zur PWA-Installation im Microsoft Edge-Browser zeigen

Screenshots, die die Schritte zur PWA-Installation im Microsoft Edge-Browser zeigen