Chrome M40'da, görüntü alanında oldukça küçük bir değişiklik yapıldı ancak bu değişiklik kullanıcılar için büyük bir fark yaratacak.
Mobil tarayıcılar ilk çıktığında, viewport meta etiketi eksikliği, web sayfasının yaklaşık 980 piksel ekran alanı olduğunu düşünmesini ve bu boyutta oluşturulmasını sağlıyordu. Geliştiriciler, viewport meta etiketiyle genişliği tanımlayabilir. En yaygın olanı, ekran boyutunu cihazın boyutuna ayarlayan "device-width" değeridir. Web'in Temellerini inceleyerek daha fazla bilgi edinebilirsiniz.
Rick Byers, sanal görüntü alanını şu şekilde açıklar: Sanal görüntü alanının amacı, "görüntü alanı" kavramını "düzenleme görüntü alanı" (sabit konumlu öğelerin eklendiği yer) ve "görsel görüntü alanı" (kullanıcıların gördüğü şey) olarak ikiye bölmektir.
Çok Basit Bir Örnek
videojs.com web sitesi, uygulama çubuğu üstte sabitlendiği ve uygulama çubuğunun hem sol hem de sağ tarafında bağlantılar bulunduğu için iyi bir örnektir.
Aşağıdaki resimde, bir siteyi yakınlaştırıp sola ve sağa kaydırmaya çalıştığınızda göreceğiniz görüntü gösterilmektedir.
En iyi cihazlar, sanal görüntü alanı olmayan Chrome M39'dur ve en kötü 3 cihaz, sanal görüntü alanı olan Chrome M40'dur.
Chrome M39'da yakınlaştırdıktan sonra uygulama çubuğunu görürsünüz ancak sağa kaydırdığınızda çubuğun sağ tarafındaki bağlantıları görüntüleyemezsiniz. Yalnızca logoyu görürsünüz.
Bunu Chrome M40 ile ("sanal görüntü alanı"na sahip) karşılaştırdığınızda, "görsel görüntü alanının" "düzen görüntü alanının" içindeki her şeyi kaydırarak sağdaki bağlantıları görüntülemenize olanak tanıdığını görürsünüz.
Internet Explorer'da zaten bu davranış mevcuttur ve bu değişiklikler bizi daha uyumlu hale getirir.
html
Bu değişiklikle birlikte geliştiricilerin karşılaşacağı tek önemli değişiklik, M39'da html öğesine overflow: hidden uygulayabilmeleri ve sayfalarının yine de kaydırılabilir olmasıdır. M40'ta bu artık desteklenmez ve sayfa kaydırmaz.
Daha sağlam bilgi
Daha fazla bilgi edinmek mi istiyorsunuz?
O halde aşağıdaki slayt gösterisini görüntüleyebilirsiniz.