Je veux voir le style: hover pour une ancre que je suis en train de planer dans Chrome. Dans Firebug, il y a une liste déroulante Style qui me permet de sélectionner les différents états pour un élément. Je n'arrive pas à trouver quelque chose de similaire dans Chrome. Est-ce que je manque quelque chose?
Réponses
Trop de publicités?
Maintenant, vous pouvez voir à la fois le pseudo-règles de classe et de forcer sur les éléments.
Pour voir les règles comme :hover dans le volet Styles cliquez sur la petite case en pointillés bouton en haut à droite.
Pour forcer un élément en :hover de l'état, un clic droit sur elle.
Des conseils supplémentaires sur les éléments du panneau de Chrome Developer Tools Raccourcis.
Babiker
Points
7214
EDIT: Cette réponse était avant la correction de bogue, voir la réponse de tnothcutt.
C'était un peu difficile, mais voici:- Cliquez avec le bouton droit sur l'élément, mais NE déplacez PAS le pointeur de la souris hors de l'élément, gardez-le dans l'état hover.
- Choisissez l'élément inspecter via le clavier, comme dans la flèche de sélection, puis sur la touche Entrée.
- Regardez dans les outils de développement sous Règles CSS assorties, vous devriez être capable de voir: hover.
PS: J'ai essayé ceci sur l'un de vos tags de question.
George Bailey
Points
13735
Je ne pense pas qu'il y est une façon de le faire. J'ai soumis une demande de fonctionnalité. Si il existe un moyen, les développeurs de Google hargneux point et je vais éditer ma réponse. Si pas, nous devrons attendre et voir. (vous pouvez star de la question de voter pour elle)
Commentaire 1 par Chrome membre du projet: Dans 10.0.620.0, le panneau Styles montre le :hover styles pour l'élément sélectionné mais non :active.
(ce post) Courant Stable canal version est 8.0.552.224.
Vous pouvez remplacer votre Stable canal de l'installation de Google Chrome avec la Bêta de canal ou le canal Dev (Voir le Début de l'Accès à des Canaux de Libération).
Vous pouvez également installer un secondaire de l'installation de google chrome qui est encore plus à jour que le Dev channel.
... Les Canaries construire est mis à jour plus souvent que les Dev channel et n'est pas testé avant d'être libéré. Parce que les Canaries construire peut à la fois être inutilisable, il ne peut pas être défini comme navigateur par défaut et peut être installé en plus de ces chaînes de Google Chrome. ...
Leniel Macaferi
Points
38324
J'ai été le débogage d'un menu hover état avec le Chrome et le firent pour être en mesure de voir l'état de pointage code:
Dans l' Elements panneau, cliquez sur Toggle Element state "et sélectionnez" :hover.
Dans l' Scripts panneau aller à l' Event Listeners Breakpoints dans le bas à droite " et sélectionnez - Mouse -> mouseup.
Maintenant parcourir le Menu et sélectionnez la zone que vous voulez. Lorsque vous relâchez le bouton de la souris, il doit s'arrêter et de vous montrer l'élément sélectionné d'état de pointage dans l' Elements panneau (regardez l' Styles section).
Ram
Points
16
J'ai pu voir le style en suivant les étapes ci-dessous proposé par babiker a - "Cliquez-droit sur l'élément, mais NE PAS déplacer le pointeur de votre souris à l'écart de l'élément, de le garder en état de pointage. Choisissez inspecter l'élément via le clavier, comme dans hit flèche vers le haut, puis Entrez la clé."
Pour changer de style, suivez les étapes ci-dessus, puis - Modifier votre navigateur à onglet en appuyant sur ctrl + TAB sur le clavier. Puis cliquez de nouveau sur l'onglet que vous souhaitez déboguer. Votre passez de l'écran sera toujours là. Maintenant, prenez soigneusement votre souris pour outil de développement de la zone.
