PWA'lar, özel görüntüleme modlarıyla başa çıkmak için "display_override" özelliğini kullanabilir.
Web uygulaması manifest dosyası, tarayıcıya Progresif Web Uygulamanız hakkında bilgi veren ve kullanıcının masaüstüne veya mobil cihazına yüklendiğinde nasıl davranması gerektiğini bildiren bir JSON dosyasıdır.
display
mülkü aracılığıyla, uygulamanız başlatıldığında hangi tarayıcı kullanıcı arayüzünün gösterileceğini özelleştirebilirsiniz. Örneğin, adres çubuğunu ve tarayıcıyı
Chrome'u gizleyebilirsiniz. Hatta oyunlar tam ekran modunda olacak şekilde geliştirilebilir.
Kısa bir özet olarak, bu makalenin yazıldığı sırada belirtilen görüntü modları aşağıda verilmiştir.
Özellik | Kullanım |
---|---|
fullscreen |
Web uygulamasını herhangi bir tarayıcı kullanıcı arayüzü olmadan açar ve mevcut görüntüleme alanının tamamını kaplar. |
standalone |
Web uygulamasını, bağımsız bir uygulama gibi görünecek ve hissettirecek şekilde açar. Uygulama, tarayıcıdan ayrı olarak kendi penceresinde çalışır ve URL çubuğu gibi standart tarayıcı kullanıcı arayüzü öğelerini gizler. |
minimal-ui |
Bu mod, standalone moduna benzer ancak gezinmeyi kontrol etmek için kullanıcıya minimum düzeyde bir kullanıcı arayüzü öğesi seti (geri ve yeniden yükleme gibi) sağlar.
|
browser |
Standart bir tarayıcı deneyimi. |
Bu görüntüleme modları iyi tanımlanmış bir yedek zincirini izler ("fullscreen"
→ "standalone"
→ "minimal-ui"
→ "browser"
). Tarayıcı belirli bir modu desteklemiyorsa zincirdeki sonraki görüntüleme moduna geri döner.
display
özelliğinin eksiklikleri
Bu geleneksel yedek zinciri yaklaşımında sorun üç nokta vardır:
- Belirli bir tarayıcı
"minimal-ui"
ürününü desteklemiyorsa geliştirici, tekrar"browser"
görüntüleme moduna zorlanmadan"minimal-ui"
isteğinde bulunamaz. - Geliştiriciler, tarayıcılar arası farklılıkları (örneğin, tarayıcının
"standalone"
moduna ilişkin pencerede bir geri düğmesi içerip içermediği veya hariç tutması) ele alamazlar. - Sekmeli uygulama modu gibi keşiflerin yedek zincirinde doğal bir yeri olmadığından mevcut davranış, yeni görüntülü reklam modlarının geriye dönük uyumlu bir şekilde kullanıma sunulmasını imkansız hale getirmektedir.
display_override
özelliği
Bu sorunlar, tarayıcının display
özelliğinden önce dikkate aldığı display_override
özelliği tarafından çözülür. Değeri, sıralı olarak kabul edilen bir dize dizisidir ve desteklenen ilk görüntüleme modu uygulanır. Bunların hiçbiri desteklenmiyorsa tarayıcı, display
alanını değerlendirmeye geri döner.
Aşağıdaki örnekte görüntü modu yedek zinciri aşağıdaki gibi olur.
("window-controls-overlay"
ile ilgili ayrıntılar bu makale için kapsam dışıdır.)
"window-controls-overlay"
(İlk olarakdisplay_override
sayfasına bakın.)"minimal-ui"
"standalone"
(display_override
tükendiğindedisplay
değerlendirmesi yapın.)"minimal-ui"
(Son olarakdisplay
yedek zincirini kullanın.)"browser"
{
"display_override": ["window-controls-overlay", "minimal-ui"],
"display": "standalone",
}
Geriye dönük uyumlu olmaya devam etmek için gelecekteki tüm görüntüleme modları yalnızca display_override
değeri olarak kabul edilebilir, ancak display
olarak kabul edilmez.
display_override
'i desteklemeyen tarayıcılar, display
özelliğini kullanır ve display_override
öğesini bilinmeyen web uygulaması manifest mülkü olarak yoksayar.
Faydalı bağlantı
- Açıklayıcı
- Intent to Ship iş parçacığı
- Chromium hatası
- Chrome Durumu girişi
- Manifest Incubations deposu
Tasdik
display_override
özelliği Daniel Murphy tarafından biçimlendi.