W Chrome M40 pojawiła się zmiana w widocznym obszarze. Jest to subtelna, ale powinna znacząco wpłynąć na użytkowników.
Na początku korzystanie z przeglądarek mobilnych sprawiało, że brakowało w nich tagu widocznego obszaru, co sprawiało, że strona internetowa uznała ją za około 980 pikseli za powierzchnię ekranu i była renderowana w tym rozmiarze. Za pomocą metatagu widocznego obszaru programiści mogą określić szerokość, z czego najczęściej jest to parametr „device-width”, który ustawia rozmiar ekranu na poziomie urządzenia. Więcej informacji o Podstawach tworzenia witryn
Rick Byers opisuje wirtualny widoczny obszar w ten sposób: pojęcie „wirtualnego widocznego obszaru” polega na podzieleniu pojęcia „widoczny obszar” na dwa: „widoczny obszar układu” (gdzie są dołączone elementy o stałej pozycji) i „widoczny widoczny obszar” (czyli to, co widzą użytkownicy).
Superprosty przykład
Dobrym przykładem jest witryna videojs.com, bo pasek aplikacji znajduje się na stałe u góry i zawiera linki po lewej i prawej stronie paska aplikacji.
Na ilustracji poniżej widać, co widać po powiększeniu witryny i przesunięciu w lewo i w prawo.
Najpopularniejsze urządzenia to Chrome M39, który nie ma wirtualnego widocznego obszaru, a 3 dolne pochodzą z Chrome M40, który ma wirtualny widoczny obszar.
W Chrome M39 po powiększeniu widać pasek aplikacji, ale przewijanie w prawo nie pozwala zobaczyć linków po prawej stronie paska – widoczne jest tylko logo.
Dla porównania w Chrome M40 (czyli z „wirtualnym widocznym obszarem”) widać, że „wizualny widoczny obszar” przewija wszystko wewnątrz „widocznego obszaru układu”, dzięki czemu możesz zobaczyć linki po prawej stronie.
W Internet Explorerze już działa to zachowanie, a zmiany pozwalają nam go ściślej dopasować do niego.
html
Jedyną ważną zmianą zauważoną dla programistów jest to, że w wersji M39 można zastosować filtr overflow: ukryty do elementu HTML, a strona nadal będzie się przewijała. W M40 nie jest już obsługiwana, tylko w ogóle się nie przewija.
Więcej dokładnych informacji
Chcesz dowiedzieć się więcej?
Teraz możesz zobaczyć prezentację poniżej.