hidden structures als PWA – Progressive Web App

Als Progressive Web Apps (kurz: PWA) werden hybride Websiten bezeichnet, die Eigenschaften klassischer Smartphone Apps aufweisen, wie das Icon, aber über einen Browser aufgerufen werden. Inhalte lassen sich wie bei einer nativen App nutzen und sind plattformübergreifend verfügbar.

Wie installiere ich die App über meinen Browser (Safari, Google Chrome, Edge, Firefox) auf meinem Handy, Tablet oder PC?

Google Chrome Browser (Computer, Android, iPhone, iPad)

Im Google Chrom Browser wird der Hinweis für die Installation der Web App direkt angezeigt:

Englische Anleitung von Google zur PWA Web App Installation über den Google Chrome Browser für Computer, Android Handys sowie iPhone und iPad: https://support.google.com/chrome/answer/9658361

Microsoft Edge Browser

Im Microsoft Edge Browser wird der Hinweis für die Installation der Web App direkt angezeigt:

Safari Browser (iPhone, iPad, MacBook)

Im Safari Browser auf dem iPhone (oder MacBook) kann über den Teilen-Button in der Fußzeile (beim MacBook in der Kopfzeile) das Menü ausgeklappt werden. Hier findet man auch „Zum Home-Bildschirm“ hinzufügen (oder beim MacBook analog „Add to Dock“. So kann man schnell und einfach die PWA auf dem entsprechenden Gerät installieren:

Firefox Browser

Firefox benötigt eine PWA Erweiterung, um Web Apps installieren zu können. Die Erweiterung kann man bei Firefox direkt downloaden: https://addons.mozilla.org/de/firefox/addon/pwas-for-firefox/

Danach muss man das Add On noch konfigurieren: