Quand vous cliquez sur le bouton "3D View", la page passe en mode de vue 3D. Dans ce mode, vous pouvez voir votre page présentée dans une vue 3D dans laquelle s'est emboîté les blocs de HTML sont de plus en plus "grands", projetant extérieurs du bas de page. Cette vue fait facile de visualiser la l'emboîtement de votre contenu.

En cliquant et en glissant sur la vue, vous pouvez faire tourner et réorienter la présentation 3D de la hiérarchie de DOM de votre page pour le voir d'angles différents, mieux examiner sa structure. Hors de l'image les éléments deviennent visibles, pour que vous puissiez voir où vos éléments sont placés par rapport au contenu visible. Vous pouvez cliquer sur des éléments pour voir leur code HTML dans l'inspecteur HTML ou l'inspecteur de Style. Au contraire, vous pouvez cliquer sur des éléments dans l'inspecteur pour changer quel élément est choisi dans la vue 3D.

Si vous ne voyez pas le bouton 3D dans l'inspecteur de page, il est possible que votre navigateur graphique doive être mis à jour.

Contrôle de la vue 3D

Il y a des raccourcis claviers et des touches avec la souris pour contrôler la vue 3D.

Fonction Clavier Souris
Zoom plus/moins + / - Mollette vers le haut/bas
Rotation gauche/droite a / d Faire glisser vers la gauche/droite
Rotation haut/bas w / s Faire glisser versle haut/bas
Se déplacer vers la gauche/droite / Souris à gauche/droite
Se déplacer vers le haut/bas / Souris en haut/bas
Remettre le zoom par défaut 0 Remet le taux d'agrandissement par défaut
Mettre le bloc sélectionné visible f Rend le bloc sélectionné visible
Remettre la vue par défaut r Remet le zoom, la rotation et le déplacement par défaut
Masquer le bloc x Rend le bloc invisible, ce qui est pratique lorsqu'un bloc en dessous est caché.

Causes de l'utilisation de la Vue 3D

Il y a différentes façons la vue 3D est utile :

  • Si vous avez modifié le HTML causant des problèmes de disposition, en regardant avec la vue 3D peut vous aidez à trouver où vous vous êtes trompés. Souvent, les problèmes de disposition sont causés dans l'emboîtement incorrect de contenu. Ceci peut devenir beaucoup plus évident en utilisant la vue 3D et voyant où vos éléments sont mal emboîtés.
  • Si le contenu ne s'affiche pas, vous pouvez comprendre pourquoi; puisque la vue 3D vous laisse faire un zoom arrière pour voir les éléments qui rendent à l'extérieur de la zone visible de la page, vous pouvez trouver le contenu perdu cette façon.
  • Vous pouvez obtenir un regard pour savoir comment votre page est structurée, pour voir s'il peut y avoir des façons d'optimiser votre disposition.
  • Et, bien sûr, parce que c'est stupéfiant.

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : erwandf, maximelore, Red-Phoenix, Bene, tregagnon, ModernGames
 Dernière mise à jour par : erwandf,