Comment activer l'affichage des règles dans Chrome DevTools?

Question

Chrome DevTools offrait auparavant un paramètre permettant d'afficher les règles lors de l'inspection d'éléments. Il y avait une règle de pixel sur les côtés de la vue et des lignes de démarcation pour chaque élément étendant la vue complète de la page.

Auparavant, il se trouvait (si je me souviens bien) dans "Paramètres de DevTools/Général". Il n'y a plus de section générale, et je ne la vois pas dans "Paramètres/Apparence de DevTools". Cela a-t-il été déplacé ou enlevé? Je ne trouve pas de documentation ni de discussion à ce sujet.

Answer 1

Vous pouvez l'activer dans Paramètres> Préférences de DevTools, dans la section Éléments.

Mise à jour: La plupart d'entre eux pourraient être confus quant à la façon de l'utiliser. Pour l'utiliser, ouvrez la console et survolez un élément pour afficher la règle. Merci @ Brandito pour mentionner dans le commentaire.

Answer 2

1. Cliquez sur Basculer la barre d’outils Périphérique qui se trouve en haut à gauche de la fenêtre de DevTools.

2. Cliquez sur Plus d'options , puis sélectionnez Afficher les règles .

   

   Les règles sont à gauche et au-dessus de votre fenêtre. Vous pouvez cliquer sur les chiffres pour définir la largeur et la hauteur à cette taille.