Yarının görüntü modlarına hazırlanıyor

PWA'lar, özel görüntüleme modlarıyla başa çıkmak için "display_override" özelliğini kullanabilir.

Thomas Steiner'ın yer aldığı daha fazla içerik

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.)

  1. "window-controls-overlay" (İlk olarak display_override sayfasına bakın.)
  2. "minimal-ui"
  3. "standalone" (display_override tükendiğinde display değerlendirmesi yapın.)
  4. "minimal-ui" (Son olarak display yedek zincirini kullanın.)
  5. "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.

Tasdik

display_override özelliği Daniel Murphy tarafından biçimlendi.