Depuis Firefox 47, la Vue 3D n'est plus disponible.
Il existe cependant un module complémentaire qui offre les mêmes fonctionnalités: Tilt 3D. Il est à noter que tout comme l'ancienne version, ce module ne fonctionne pas avec le multiprocess de Firefox.
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.