3
votes

Pourquoi Chrome Dev Tools n'affiche-t-il pas l'onglet "calculé"?

J'apprends à utiliser Box Model dans les outils de développement, mais Je ne parviens pas à voir "l'onglet calculé" lorsque je navigue dans les outils de développement . J'ai retéléchargé Chrome et Canary 2 mais aucun d'eux n'a fait de différence en affichant l'onglet calculé entre "styles" et "écouteurs d'événements". Quelqu'un at-il rencontré ce problème dans le passé?

* J'ai joint une capture d'écran de ce que je vois. image des outils de développement ne répertoriant pas l'onglet calculé


2 commentaires

Le panneau de droite est le panneau Calculé. C'est montré de cette façon en raison du petit écran.


Merci wOxxOm! Si vous soumettez ceci comme une réponse, je la marquerai comme correcte.


5 Réponses :


2
votes

C'est un peu déroutant car il est déplacé en fonction de la taille du panneau des styles. Je ne sais pas pourquoi.

S'il n'est pas assez large, il apparaît sous la 'mise en page'

 entrez la description de l'image ici

Il apparaît sous forme d'onglet si le panneau est suffisamment large

 entrez la description de l'image ici


1 commentaires

Bien que la modification de la disposition soit une solution de contournement, cela devrait probablement être la réponse acceptée pour cette question.



3
votes

Pour toujours afficher l'onglet:

1) Accédez aux paramètres de l'outil de développement par des ellipses en haut à droite

2) Changer la disposition du panneau en Vertical

Si vous laissez "Mise en page du panneau" au paramètre par défaut "auto", vous ne pouvez voir l'onglet calculé que lorsque la fenêtre de l'outil de développement est supérieure à une certaine largeur.


0 commentaires

0
votes

Cela a fonctionné pour moi. Maintenant, je peux ouvrir style / élément / calculé en même temps.

  1. Ouvrir les paramètres (cliquez sur l'icône d'engrenage)
  2. Définissez l'option Disposition du panneau sur Horizontal
  3. Fermez les paramètres maintenant et vous êtes prêt à partir :)

0 commentaires