Chrome Beta V40 a une nouvelle Zoom Comportement qui rend fixe têtes Scrollable, moins aggravantes

Bien qu'il puisse être difficile de comprendre ce dernier changement à Google Chrome d'abord, vous serez très heureux une fois que vous saisir. Sur le mobile, les sites Web qui ont des éléments fixes - qui est, en-têtes ou tout autre contenu qui reste à la même place sur votre écran quelle que soit la partie de la page que vous êtes sur - peuvent être très ennuyeux. Cela est particulièrement vrai lorsque vous zoomez, parce que vous ne pouvez plus souvent voir l'élément entier. La mise à jour modifie la façon dont ils sont manipulés pour faire voir à la fois le contenu fixe et la page Web sous plus facile.

Comment cela fonctionne dans la pratique

Ci-dessus est videojs.com, un site Web qui utilise une tête fixe. Vous pouvez dire qu'il est fixe parce que je l'ai fait défiler en bas de la page, mais l'en-tête est encore visible. Dans ce cas, tout en zoom à 100%, il n'y a pas de problèmes. Les deux V39 Chrome et Chrome Beta stable v40 rendent cette page de la même façon.

Les choses commencent à différer quand je pincer pour zoomer. Lors de l'affichage de la gauche, la plupart partie de la page, les deux versions seront toujours le même aspect.

Dans Chrome V39, je suis maintenant dans le pétrin si je veux voir une autre partie de cet en-tête. Défilement vers la droite ne changera pas la façon dont la tête ressemble. Beaucoup concerneront face à cette question, surtout quand il n'y a pas le niveau de zoom qui montre tout l'élément fixe en raison de la mise en page de site Web ou d'un dispositif de taille / résolution.

Voici comment les choses se présentent quand je défiler vers la droite. Sur le côté gauche est V39, sur la droite est v40.

Ceci est tellement mieux. Un développeur Chrome explique qu'ils voulaient zoom à être plus comme la tenue d'une loupe à la page zoom-out que comme un demi-assed mise à l'échelle de haut en bas de tout le contenu non-fixe.

Le côté plus technique

Une explication plus précise du changement est que la fenêtre, ce qui est une façon élégante de dire la partie de la page web que vous voyez à un moment donné, est maintenant divisé en deux parties. Gardez à l'esprit que ce ne sont pas nécessairement une idée nouvelle, tout nouveau pour Chrome et nouvellement mis en œuvre dans la conception du navigateur.

Contenu fixe est conçu pour coller à une certaine partie de la fenêtre (par exemple, un en-tête reprenant 600x100 pixels centré en haut). Avant ce changement, les en-têtes et autres ont souvent pris la même position dans la fenêtre indépendamment du niveau de zoom parce que ce la façon dont ils sont censés travailler. Lorsque nous ne pouvions pas voir l'ensemble de tête d'une page, par exemple, il était parce que cet élément était plus grande que la fenêtre. Disons que l'en-tête était de 600 pixels de large, mais le zoom était de 300. La moitié serait unviewable car il déborde hors de l'écran et ne peut pas défiler car il est fixé. Ces éléments ne sont pas l'échelle avec le contenu.

Fractionnement de la fenêtre sur deux est essentiellement un truc pour faire zoom et le défilement sur ce type de fonction de la page Web comme une loupe sans violer la logique de leur conception. Tout d'abord, nous avons la "fenêtre de présentation», qui est la zone rectangulaire où existent des éléments fixes comme les en-têtes. En termes de ces barres supérieures collants et autres, la partie de mise en page est celui qu'ils traitent comme la fenêtre. Ensuite, il ya la "fenêtre visuelle," la partie de la page que vous voyez réellement. Lorsque les rouleaux de fenêtres classiques à travers la page Web, celui-ci défile autour de la fenêtre de présentation.

Une autre façon de penser est que Chrome raconte contenu fixe une fausse fenêtre (la mise en page une), tandis que la fenêtre visuelle comprend la page Web que la page ainsi que la mise en page. Il est un moyen élaboré de non fixant les éléments fixes. Dans les images ci-dessous (merci à Google la présentation de diapositives de David Bokan), celui sur la gauche est une visualisation en zoom extérieur rien ne change. La deuxième montre comment les fenêtres diffèrent lorsque vous pincer pour voir de plus près.

A titre de comparaison, voici comment cette représentation serait regarder avec seule fenêtre de V39 Chrome. La boîte bleue représente ce que vous voyez tout en regardant la page Web, défilé et zoomé à cette position.

Ceci est évidemment un changement qui n'a pas été prise à la légère (il a été en développement depuis 2012) et est une bonne étape pour faire fonctionner les sites Web sur les ordinateurs de bureau et mobiles. Il pourrait très bien devenir la norme de téléphonie mobile, d'autant plus que Chrome développeur Rick Byers dit que Internet Explorer l'équipe de Microsoft a décidé de faire la même chose, malgré les groupes de ne pas avoir planifié ensemble. Il est tout simplement la meilleure façon de gérer le cas unique de navigation mobile.

Sources: Rick Byers sur Google+

Quirksmode