PWA

App-Installation

Step-by-Step-Anleitungen zur Installation der Website als Progressive Web App (PWA)


Windows und MacOS

Die Schritte für die Browser Chrome, Edge, Safari und Firefox sind größtenteils identisch auf beiden Betriebssystemen.

Google Chrome (empfohlen)

  1. Webseite aufrufen: Öffnen Sie die gewünschte Web-App in Chrome.
  2. Installations-Button suchen: Rechts in der Adressleiste erscheint ein kleines Symbol (ein Plus-Zeichen oder ein Computer mit Pfeil).
  3. Klicken und bestätigen: Klicken Sie auf das Symbol und wählen Sie App installieren. Bestätigen Sie die Installation.
  4. Fertig: Die Web-App wird nun als eigenständige Anwendung angezeigt und kann wie ein Programm gestartet werden.

Microsoft Edge

  1. Webseite öffnen: Rufen Sie die Web-App im Edge-Browser auf.
  2. Installieren-Option verwenden:
    • In der Adressleiste sollte ein Symbol (ähnlich einem Monitor mit Pfeil) angezeigt werden.
    • Alternativ: Öffnen Sie das Menü (die drei Punkte oben rechts) und wählen Sie Apps > Diese Website als App installieren.
  3. Bestätigen: Folgen Sie den Anweisungen zur Installation.
  4. Fertig: Die App erscheint in Ihrem Startmenü und kann wie jede andere Anwendung gestartet werden.

Safari (nur MacOS)

  1. Webseite öffnen: Besuchen Sie die Web-App in Safari.
  2. Zum Dock hinzufügen: Gehen Sie zu Datei > Als App öffnen (Safari-Version 16.4 und höher). Alternativ:
    • Öffnen Sie die Webseite, drücken Sie CMD + D, und wählen Sie Zum Dock hinzufügen.
  3. Icon im Dock nutzen: Die App wird im Dock angezeigt und öffnet sich in einem separaten Fenster.

Firefox*

  1. Öffnen Sie die Web-App in Firefox.
  2. Speichern Sie sie als Lesezeichen oder richten Sie über Einstellungen > Startseiten-Verknüpfungen einen Schnellzugang ein.

* Hinweis: Firefox unterstützt PWA-Installationen nur eingeschränkt.


iOS

Safari auf iPhone/iPad

  1. Webseite öffnen: Besuchen Sie die Web-App in Safari.
  2. Teilen-Button verwenden:
    • Tippen Sie auf das Teilen-Symbol (Quadrat mit einem Pfeil nach oben).
  3. Zum Home-Bildschirm hinzufügen: Wählen Sie die Option Zum Home-Bildschirm.
  4. Namen vergeben: Geben Sie der App einen Namen und tippen Sie auf Hinzufügen.
  5. Fertig: Die App erscheint auf dem Home-Bildschirm und verhält sich wie eine native App.

Android

Google Chrome und Microsoft Edge

  1. Webseite öffnen: Besuchen Sie die Web-App in Chrome oder Edge.
  2. Installations-Option anzeigen:
    • Chrome: Sie sollten eine Benachrichtigung sehen, die fragt: Möchten Sie diese Webseite installieren?.
    • Edge: Tippen Sie auf die drei Punkte oben rechts und wählen Sie Diese Website als App installieren.
  3. Installation bestätigen: Folgen Sie den Anweisungen.
  4. Fertig: Die App erscheint in der App-Übersicht deines Android-Geräts.

Firefox (Android)

  1. Webseite öffnen: Besuchen Sie die Web-App in Firefox.
  2. Zum Startbildschirm hinzufügen:
    • Öffnen Sie das Menü (drei Punkte oben rechts) und wählen Sie Zum Startbildschirm hinzufügen.
  3. Icon nutzen: Die Web-App wird als Verknüpfung zum Home-Bildschirm hinzugefügt.