display_override
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Das display
Element wird verwendet, um den bevorzugten Anzeigemodus eines Entwicklers für eine Website festzulegen. Es folgt einem Prozess, bei dem der Browser auf den nächsten Anzeigemodus zurückfällt, wenn der angeforderte nicht unterstützt wird. In einigen fortgeschrittenen Anwendungsfällen könnte dieser Fallback-Prozess nicht ausreichen.
Das display_override
Element löst dieses Problem, indem es dem Entwickler ermöglicht, eine Reihe von Anzeigemodi bereitzustellen, die der Browser in Betracht ziehen soll, bevor er das display
Element verwendet. Sein Wert ist ein Array von Anzeigemodi, die in der angegebenen Reihenfolge berücksichtigt werden, wobei der erste unterstützte Anzeigemodus angewendet wird.
Werte
Display-Override-Objekte sind Anzeigemodus-Strings, die möglichen Werte sind:
browser
-
Die Anwendung öffnet sich in einem herkömmlichen Browser-Tab oder in einem neuen Fenster, abhängig vom Browser und der Plattform. Dies ist der Standard.
fullscreen
-
Der gesamte verfügbare Anzeigebereich wird genutzt und keine Benutzeroberfläche des Benutzeragenten chrome wird angezeigt.
minimal-ui
-
Die Anwendung verhält sich wie eine eigenständige Anwendung mit einem minimalen Satz von UI-Elementen zur Steuerung der Navigation. Die Elemente variieren je nach Browser.
standalone
-
Die Anwendung verhält sich wie eine eigenständige Anwendung. Dies kann bedeuten, dass die Anwendung ein anderes Fenster hat, ihr eigenes Symbol im Anwendungsstarter, usw. In diesem Modus wird der Benutzeragent UI-Elemente zur Steuerung der Navigation ausschließen, aber andere UI-Elemente wie eine Statusleiste einbeziehen können.
tabbed
Experimentell-
Die Anwendung kann mehrere Anwendungs-Kontexte in einem einzigen betriebssystemweiten Fenster enthalten. Unterstützende Browser können wählen, wie diese Kontexte angezeigt werden, eine gängige Methode ist jedoch, eine Tableiste bereitzustellen, um zwischen ihnen zu wechseln.
window-controls-overlay
Experimentell-
Dieser Anzeigemodus gilt nur, wenn die Anwendung in einem separaten PWA-Fenster und auf einem Desktop-Betriebssystem ausgeführt wird. Die Anwendung wird sich für das Window Controls Overlay-Feature entscheiden, bei dem die gesamte Fensteroberfläche für den Webinhalt der App verfügbar ist und die Fensteuerungstasten (Maximieren, Minimieren, Schließen und andere PWA-spezifische Tasten) als Overlay über dem Webinhalt erscheinen.
Beispiele
Im folgenden Beispiel betrachtet der Browser die folgende Anzeigemodus-Fallback-Kette in dieser Reihenfolge: fullscreen
→ minimal-ui
→ standalone
.
{
"display_override": ["fullscreen", "minimal-ui"],
"display": "standalone"
}
Spezifikationen
Specification |
---|
Manifest Incubations # display_override-member |