Sanal Görüntü Alanı nedir?

Matt Gaunt

Chrome M40'ta görüntü alanında oldukça ince ancak kullanıcılar için büyük bir fark yaratan bir değişiklik vardır.

Mobil tarayıcılar ilk başladığında görüntü alanı meta etiketinin olmaması, web sayfasının yaklaşık 980 piksel ekran alanına sahip olduğunu düşünmesini ve bu boyutta oluşturulmasını gerektirmesi anlamına geliyordu. Bir görüntü alanı meta etiketiyle geliştiriciler, en yaygın genişliği, ekran boyutunu cihazın ekran boyutuna ayarlayan "device-width" (cihaz genişliği) olan genişliği tanımlayabilir. Web'in Temelleri'nde daha fazla bilgi edinebilirsiniz.

Rick Byers, sanal görüntü alanını şöyle tanımlar: Sanal görüntü alanı kavramını ikiye ayırmaktır: "görüntü alanı" kavramı, "düzenli görüntü alanı" (sabit konumlu öğelerin eklendiği yer) ve "görsel görüntü alanı" (kullanıcıların gerçekte gördüğü şey) olmak üzere ikiye ayrılır.

Süper Basit Örneği

Videojs.com web sitesi iyi bir örnektir, çünkü uygulama çubuğu en üste sabitlenir ve uygulama çubuğunun hem sol hem de sağ tarafında bağlantılar bulunur.

Aşağıdaki resimde, bir siteyi yakınlaştırıp sola ve sağa kaydırmayı denediğinizde ne göreceğinizi görebilirsiniz.

En üstteki cihazlar, sanal görüntü alanına sahip olmayan Chrome M39, alttaki 3 cihazlar ise sanal bir görüntü alanına sahip olan Chrome M40'a aittir.

Pikselleştirilmiş oluşturma.
Pikselleştirilmiş oluşturma.

Chrome M39'da, görüntüyü yakınlaştırdıktan sonra uygulama çubuğunu görürsünüz, ancak sağa kaydırmak çubuğun sağ tarafındaki bağlantıları görüntülemenize izin vermez. Yalnızca logoyu görürsünüz.

Bunu, "sanal görüntü alanına sahip" Chrome M40 ile karşılaştırdığınızda, "görsel görüntü alanının" "düzen görünümü" içindeki her şeyi kaydırdığını ve sağdaki bağlantıları görüntüleyebilmenizi sağladığını görürsünüz.

Internet Explorer zaten bu davranışa sahiptir ve bu değişiklikler bizi daha da uyumlu hale getirmektedir.

html

Geliştiricilerin bu konuyla ilgili olarak karşı karşıya olduğu tek büyük değişiklik şudur: M39'da, overflow: gizlendi, html öğesine gizli bir şekilde uygulanarak sayfanız kaydırmaya devam edebilir. M40 sürümünde bu özellik artık desteklenmemektedir ve sayfa hiç kaydırılmayacaktır.

Daha Katı Bilgi

Daha fazla bilgi edinmek istiyorsun, değil mi?

O zaman aşağıdaki slaytlara bakabilirsiniz.