Pouvez-vous rendre l'état survolé dans Firebug "sticky"?

Question

Lorsque je débogue un site, parfois les sélecteurs survolés sont un peu longs et similaires à d'autres, y a-t-il un moyen d'appliquer une sorte d'état "sticky" aux règles de survol dans Firebug?

Exemple; je survole une barre de navigation et je veux copier le sélecteur de Firebug pour rechercher dans le CSS, mais dès que je déplace ma souris, le sélecteur (évidemment) disparaît car la balise

• n'est plus survolée.

  Y a-t-il un moyen de faire cela?

  Merci :)

Answer 1

Lors de l'inspection des liens, Firebug affiche l'état CSS par défaut, c'est-à-dire les styles appliqués à a:link. Par défaut, les styles :hover et :active ne sont pas affichés. Heureusement, vous pouvez modifier l'état du lien en cliquant sur Style et en choisissant l'option appropriée :

Answer 2

Pour ce que je voulais, il y a une option pour cela dans le menu déroulant Style au-dessus des styles CSS pour l'élément. Il suffit de cliquer sur le menu déroulant et de sélectionner :active ou :hover et cela garde les styles pour l'élément sélectionné et survolé :)

Answer 3

Parfois, les éléments ne sont pas affectés par l'état ":hover" mais par un survol de la souris en jQuery ou similaire, dans ce cas, vous pouvez déclencher manuellement l'événement (ou forcer l'événement) dans l'onglet de la console en écrivant :

$('#un-sélecteur-aléatoire').mouseover()

J'espère que cela vous aidera, je suis venu ici chercher cette réponse mais j'ai dû la trouver moi-même

Answer 4

Vous pouvez essayer d'utiliser l'inspecteur de Chrome, et déclencher l'état :active :visited, etc. sur l'élément sous les styles.

Answer 5

Ouvrez à la fois Firebug et Web Developer->Inspecteur. Dans la fenêtre de l'Inspecteur, localisez la ligne de code où commence le survol, faites un clic droit avec la souris et choisissez le :hover. Ensuite, l'état de survol restera, vous pourrez faire ce que vous voulez dans Firebug.