Aplikacje PWA mogą używać parametru „display_override” do obsługi specjalnych trybów wyświetlania.
Manifest aplikacji internetowej to plik JSON, który informuje przeglądarkę o progresywnej operacji
Aplikacja internetowa oraz sposób jej działania po zainstalowaniu na komputerze lub urządzeniu mobilnym użytkownika.
Za pomocą właściwości display możesz dostosować interfejs przeglądarki wyświetlany po uruchomieniu aplikacji. Możesz na przykład ukryć
na pasku adresu i w przeglądarce Chrome. Gry można tworzyć nawet tak, aby uruchamiały się na pełnym ekranie.
Poniżej przedstawiamy najważniejsze tryby wyświetlania określone podczas pisania tego artykułu.
| Właściwość | Użycie |
|---|---|
fullscreen |
Otwiera aplikację internetową bez żadnego interfejsu użytkownika przeglądarki i wykonuje do całego dostępnego obszaru wyświetlania. |
standalone |
Otwiera aplikację internetową, która wygląda i działa jak samodzielna aplikacja . aplikacja działa w osobnym oknie, niezależnym od przeglądarki, ukrywa standardowe elementy interfejsu przeglądarki, takie jak pasek adresu URL. |
minimal-ui |
Ten tryb jest podobny do trybu standalone, ale zapewnia
zestawu elementów interfejsu do sterowania nawigacją (takich jak
jako Wstecz i załaduj ponownie).
|
browser |
Standardowe działanie przeglądarki. |
Te tryby wyświetlania są zgodne z dobrze zdefiniowanym łańcuchem kreacji zastępczych.
("fullscreen" → "standalone" → "minimal-ui" → "browser"). Jeśli przeglądarka nie obsługuje danej
przechodzi do następnego trybu wyświetlania w łańcuchu.
Wady usługi display
Problem w tym przypadku:
- Deweloper nie może zażądać interfejsu
"minimal-ui"bez konieczności ponownego przejścia do trybu wyświetlania"browser", jeśli dana przeglądarka nie obsługuje interfejsu"minimal-ui". - Deweloperzy nie mogą radzić sobie z różnicami w różnych przeglądarkach, np. jeśli przeglądarka uwzględnia lub wyklucza przycisk Wstecz w oknie trybu
"standalone". - Obecne działanie reklam uniemożliwia wprowadzenie nowych reklam displayowych tryby w sposób zgodny wstecznie, ponieważ eksploracje, takie jak tryb aplikacji z kartami, nie zawierają funkcji w łańcuchu kreacji zastępczych.
Właściwość display_override
Te problemy rozwiązuje właściwość display_override, którą przeglądarka uwzględnia przed
właściwość display. Jego wartość to sekwencja ciągów tekstowych uznawanych za w kolejności, w której
stosowany jest pierwszy obsługiwany tryb wyświetlania. Jeśli żadna nie jest obsługiwana, przeglądarka przełącza się na ocenianie
w polu display.
W poniższym przykładzie łańcuch kreacji zastępczych trybu wyświetlania wygląda tak:
(szczegółowe informacje na temat kategorii "window-controls-overlay" nie są uwzględnione w tym artykule).
"window-controls-overlay"(Najpierw spójrz na stronędisplay_override)."minimal-ui""standalone"(Po wyczerpaniu pakietudisplay_overrideoceńdisplay)."minimal-ui"(Na koniec użyj łańcucha kreacji zastępczychdisplay)."browser"
{
"display_override": ["window-controls-overlay", "minimal-ui"],
"display": "standalone",
}
Aby zachować zgodność wsteczną, każdy następny tryb wyświetlania będzie akceptowany tylko jako wartość
display_override, ale nie display.
Przeglądarki, które nie obsługują display_override, korzystają z właściwości display i ignorują
display_override jako nieznaną właściwość manifestu aplikacji internetowej.
Przydatne linki
- Wyjaśnienie
- Wątek dotyczący zamiaru wysyłki
- Błąd Chromium
- Wpis stanu Chrome
- Repozytorium Inkubacji manifestu
Poświadczenia
Właściwość display_override została sformalizowane przez
Daniel Murphy