Di Chrome M40, ada perubahan pada area pandang yang cukup halus, tetapi akan membuat perbedaan besar bagi pengguna.
Saat browser seluler pertama kali dimulai, tidak adanya tag meta area pandang berarti browser akan membuat halaman web berpikir bahwa area layarnya berukuran sekitar 980 piksel dan dirender pada ukuran ini. Dengan tag meta area pandang, developer dapat menentukan lebar, yang paling umum adalah "device-width", yang menetapkan ukuran layar ke ukuran perangkat. Anda dapat mempelajari lebih lanjut Dasar-Dasar Web.
Cara Rick Byers mendeskripsikan area pandang virtual adalah sebagai berikut: ide area pandang virtual adalah untuk membagi konsep "area pandang" menjadi dua, "area pandang tata letak" (tempat item posisi tetap dilampirkan) dan "area pandang visual" (Yang sebenarnya dilihat pengguna).
Contoh Super Sederhana
Situs videojs.com adalah contoh yang baik karena appbar-nya tetap berada di bagian atas dan memiliki link di sisi kiri dan kanan appbar.
Gambar di bawah menunjukkan apa yang akan Anda lihat jika memperbesar situs dan mencoba menggerakkan kursor ke kiri dan kanan.
Perangkat teratas adalah Chrome M39, yang tidak memiliki area pandang virtual, dan 3 perangkat terbawah berasal dari Chrome M40, yang memiliki area pandang virtual.
Di Chrome M39, Anda akan melihat panel aplikasi setelah memperbesar, tetapi men-scroll ke kanan tidak memungkinkan Anda melihat link di sisi kanan panel, Anda hanya akan melihat logo.
Bandingkan dengan Chrome M40 (yang memiliki "area pandang virtual") dan Anda akan melihat bahwa "area pandang visual" men-scroll semua yang ada di dalam "area pandang tata letak", sehingga Anda dapat melihat link di sebelah kanan.
Internet Explorer sudah memiliki perilaku ini dan perubahan ini membuat kita lebih selaras dengan perilaku tersebut.
html
Satu-satunya perubahan utama yang dihadapi developer yang menyertainya adalah di M39, Anda dapat menerapkan overflow: hidden ke elemen html dan halaman Anda akan tetap di-scroll, di M40, hal ini tidak lagi didukung, halaman tidak akan di-scroll.
Info yang Lebih Solid
Anda ingin mempelajari lebih lanjut?
Baiklah, Anda dapat melihat slide presentasi di bawah ini.