12 votes

Comment trouver la taille calculée d'un élément dans les outils de développement de Chrome ?

Je suis sûr que cela se trouve quelque part dans l'inspecteur des outils de développement, mais je ne le trouve pas. Où puis-je trouver, pour un élément donné (disons un div), les dimensions calculées (hauteur et largeur) d'un élément donné sur lequel je fais un clic droit et sélectionne "Inspecter l'élément" ?

19voto

Abhranil Das Points 1993

Il suffit de passer la souris sur le nom de l'élément dans le ruban situé sous le panneau des outils de développement. L'élément correspondant sera mis en évidence dans la fenêtre du navigateur et les dimensions apparaîtront dans un coin de celui-ci. En outre, si vous faites défiler le volet de droite dans les outils de développement, vous verrez la fenêtre "Métriques" qui vous donnera les dimensions calculées ainsi que les marges, les bordures, etc.

Voici une capture d'écran des dimensions de la division qui contient votre question sur l'objet social. Remarquez les dimensions dans le coin inférieur gauche de la région en surbrillance lorsque je passe la souris sur le nom de la division en bas. Sur la droite se trouve la fenêtre Metrics.

Computed Size Screenshot

Cliquez ici pour agrandir l'image

Pour toute question ultérieure, il suffit de se référer au site de Google. documentation agréable d'abord.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X