In Chrome M40 gibt es eine ziemlich subtile Änderung am Viewport, die für Nutzer einen großen Unterschied machen sollte.
In den Anfangszeiten mobiler Browser wurde aufgrund des fehlenden Meta-Tags für den Darstellungsbereich angenommen, dass die Webseite eine Bildschirmfläche von etwa 980 Pixeln hat, und sie wurde in dieser Größe gerendert. Mit einem Darstellungsbereich-Meta-Tag können Entwickler die Breite definieren. Am häufigsten wird „device-width“ verwendet, wodurch die Bildschirmgröße auf die des Geräts festgelegt wird. Weitere Informationen zu Web Fundamentals
Rick Byers beschreibt den virtuellen Darstellungsbereich so: Der virtuelle Darstellungsbereich soll den Begriff „Darstellungsbereich“ in zwei Teile aufteilen: „Layout-Darstellungsbereich“ (wo Elemente mit fester Position angehängt sind) und „visueller Darstellungsbereich“ (was die Nutzer tatsächlich sehen).
Super einfaches Beispiel
Die Website videojs.com ist ein gutes Beispiel, da ihre App-Leiste oben fixiert ist und sowohl links als auch rechts Links enthält.
Auf dem Bild unten sehen Sie, was Sie sehen würden, wenn Sie auf eine Website herangezoomt und versucht hätten, nach links und rechts zu schwenken.
Die obersten Geräte sind Chrome M39, das kein virtuelles Ansichtsfenster hat, und die drei untersten sind Chrome M40, das ein virtuelles Ansichtsfenster hat.
In Chrome M39 wird die App-Leiste angezeigt, nachdem Sie herangezoomt haben. Wenn Sie jedoch nach rechts scrollen, werden die Links auf der rechten Seite der Leiste nicht angezeigt. Sie sehen nur das Logo.
Im Vergleich zu Chrome M40 (mit einem „virtuellen Darstellungsbereich“) sehen Sie, dass im „visuellen Darstellungsbereich“ alles im „Layout-Darstellungsbereich“ gescrollt wird, sodass Sie die Links rechts sehen können.
Internet Explorer verhält sich bereits so und diese Änderungen bringen uns näher an dieses Verhalten heran.
HTML
Die einzige wichtige Änderung für Entwickler besteht darin, dass in M39 das Attribut „overflow: hidden“ auf das HTML-Element angewendet werden konnte und die Seite trotzdem gescrollt wurde. In M40 wird dies nicht mehr unterstützt und die Seite kann nicht mehr gescrollt werden.
Solidere Informationen
Sie möchten mehr darüber erfahren?
Dann können Sie sich die Folien unten ansehen.