Skip to main navigation Skip to main content Skip to page footer

Installation als Web-App

Die Diamond Planner-Web App kann nicht nur direkt im Browser benutzt werden, sondern unterstützt auch die Ablage auf dem Homescreen als Web App. Das hat den Vorteil, dass das Layout sich deutlich mehr wie eine richtige App anfühlt, die Browserleiste verschwindet und es ein Icon für direkten Zugriff gibt. Wie man das einrichtet, erklären wir hier.

Zu beachten

Auch wenn die Web-App auf diese Weise “installiert” werden kann, bleibt sie funktional eine Webseite, die in einem Browser läuft. Eine Internetverbindung ist weiterhin zwingend notwendig.

Inhaltsverzeichnis

Android

Aufgrund der vielen verschiedenen Benutzeroberflächen im Android-Ökosystem können die Menüs deutlich anders aussehen oder anders angeordnet sein. Das Grundprinzip der Funktionalität ist aber immer gleich. Die Bilder hier wurden auf einem Google Pixel angefertigt.

Schritt 1

Rufe die Seite der Web-App in Google Chrome auf (auch wenn du sonst einen anderen Browser verwendest). Es muss auf Android unbedingt Chrome sein, da nur Chrome die Installation auf dem Homescreen von Webseiten unterstützt.

Schritt 2

Wähle aus dem Menü (meistens dargestellt mit 3 Punkten) die Option “Zum Startbildschirm hinzufügen”.

Schritt 3

Bestätige den Sicherheitsdialog mit “App installieren”

Schritt 4

Es erscheint ein Icon für die App auf deinem Homescreen. Falls du die native App aus dem Play Store auch installiert hast, wird diese dadurch nicht gelöscht oder überschrieben. 

Wenn du jetzt die App darüber aufrufst, wird die Darstellung an eine App angepasst und es gibt keine Browser-Navigationsleiste mehr, sodass mehr Platz für die Inhalte zur Verfügung steht.

Manche Android-Hersteller stellen unten auf dem Bildschirm noch Buttons zur Navigation dar, die sich dann ggf. trotzdem noch unter der App-Navigation befinden. Das ist eine Betriebssystemeinstellung und kann von uns nicht beeinflusst werden.


iOS

In iOS sind die Funktionalitäten üblicherweise relativ uniform zwischen verschiedenen iPhone-Modellen. Die Bilder unten wurden auf einem iPhone 12 Pro mit iOS 18.5 aufgenommen, insbesondere bei Geräten ohne Sensor-Ausbuchtung oder Dynamic Island kann die Ausgabe visuell aber abweichen.

Schritt 1

Rufe die Seite der Web-App in Safari auf (auch wenn du sonst einen anderen Browser verwendest). Es muss unbedingt Safari sein, da nur Safari die Installation auf dem Homescreen von Webseiten unterstützt.

Klicke anschließend den “Teilen”-Button. Er kann sich je nach Gerät oben oder unten auf dem Bildschirm befinden.

Schritt 2

Wähle aus dem Menü die Option “Zum Home-Bildschirm”.

Schritt 3

Bestätige den Sicherheitsdialog mit “Hinzufügen”. Du kannst einen individuellen Anzeigenamen vergeben.

Schritt 4

Es erscheint ein Icon für die App auf deinem Homescreen. Falls du die native App aus dem iOS App Store auch installiert hast, wird diese dadurch nicht gelöscht oder überschrieben. 

Wenn du jetzt die App darüber aufrufst, wird die Darstellung an eine App angepasst und es gibt keine Browser-Navigationsleiste mehr, sodass mehr Platz für die Inhalte zur Verfügung steht.