Manifest-Anzeigemodi (standalone, fullscreen …)
Die display-Eigenschaft in einem Web-App-Manifest steuert, wie viel Browser-UI eine installierte PWA zeigt. "browser" öffnet einen normalen Tab, "minimal-ui" behält eine schmale Navigationsleiste, "standalone" sieht wie eine native App ohne Browser-Chrome aus, und "fullscreen" verbirgt alles, einschließlich der Statusleiste. Die meisten installierbaren Apps nutzen "standalone", und der Browser fällt die Liste hinab zurück, wenn ein Modus nicht unterstützt wird.
Vier Stufen von Browser-Chrome
display ist ein einzelnes Manifest-Feld mit vier Werten, von der meisten Browser-UI bis zur wenigsten. Der Browser fällt die Liste hinab zurück, wenn er den angeforderten Modus nicht unterstützt, sodass eine Anfrage nach fullscreen bei standalone landen kann und standalone bei minimal-ui.
Die Modi
| display-Wert | Was der Nutzer sieht |
|---|---|
| browser | Ein normaler Browser-Tab, volle Chrome |
| minimal-ui | Eine schmale Leiste mit Zurück/Neuladen, keine Adressleiste |
| standalone | App-artig, keine Browser-Chrome, Statusleiste bleibt |
| fullscreen | Alles verborgen, einschließlich der Statusleiste |
FAQ zu Anzeigemodi
Was tut display: standalone?
Es startet die installierte PWA ohne jede Browser-Chrome (keine Adressleiste oder Tabs), sodass sie wie eine native App aussieht und sich so anfühlt, während die Geräte-Statusleiste erhalten bleibt.
Welchen Anzeigemodus sollte ich verwenden?
Für die meisten installierbaren Apps "standalone". Verwende "fullscreen" nur für immersive Fälle wie Spiele; "minimal-ui", wenn du etwas Navigation willst; "browser", wenn du gar kein App-artiges Verhalten möchtest.
Warum zeigt meine PWA noch die Adressleiste?
Entweder wurde die App nicht wirklich installiert (du bist noch in einem Tab), oder der Browser ist auf einen Modus mit mehr Chrome zurückgefallen, weil er den angeforderten nicht unterstützt.