2010-11-05 18 views
70

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

Exemple; Je passe la souris sur une barre de navigation et je veux copier le sélecteur hors de firebug pour chercher dans le CSS, mais dès que je déplace ma souris, le sélecteur (évidemment) disparaît car le nav <li> n'est plus plané.

Un moyen de le faire?

Merci :)

+0

Cocher cette réponse à l'état de vol stationnaire de test en chrome et firefox http://stackoverflow.com/a/20716179/1868660 –

Répondre

74

Lors de l'inspection des liens, Firebug montre l'état CSS par défaut, à savoir les styles appliqués à un: lien. Par défaut, les styles: hover et: active ne sont pas affichés. Heureusement, vous pouvez changer l'état du lien en cliquant sur le style et choisir l'option appropriée:

enter image description here

+5

Je sais que l'OP a répondu à sa propre question et voudra probablement conserver ses points d'état, mais c'était la réponse la plus complète. (Je n'ai pas bien compris sa réponse et pensais qu'il voulait dire dans le menu du navigateur sous l'une des options de développement) – BillyNair

+1

Ne vous souciez pas beaucoup de points, c'est la meilleure réponse. – Kyle

+1

Plus 1 pour dire que vous ne vous souciez pas des points. –

57

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

+19

Ma vie ... elle s'est considérablement améliorée, 3 ans et j'ai juste supposé que ce n'était pas possible. – Moak

+8

Pendant des années, j'ai utilisé des clics étranges et j'ai essayé de faire sauter des éléments - pourquoi oh pourquoi n'ai-je pas pensé à vérifier le menu Style! – electblake

+0

et c'est encore une réponse utile :) –

3

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

enter image description here

+2

Déboguer des problèmes spécifiques à Firefox requiert l'utilisation d'un inspecteur Firefox. –

2

Ouvrez les Firebug et Web Developer-> Inspecteur. Dans la fenêtre Inspecteur, localisez la ligne de code sur laquelle le survol démarre, cliquez avec le bouton droit de la souris et choisissez l'icône: hover. Ensuite, l'état stationnaire restera, vous pouvez faire ce que vous voulez dans Firebug.

8

Parfois, les articles ne sont pas affectés par le « : hover » Etat, mais par un passage de la souris dans jQuery ou similaire, dans ce cas, vous pouvez manualy déclencher l'événement (ou forcer l'événement) dans l'onglet de la console en écrivant:

$('#a-random-selector').mouseover() 

espère que ça aide, je suis venu ici à la recherche de cette réponse, mais a dû le comprendre moi-même

+0

c'est génial.Pouvez-vous le faire * rester * dans cet état alors? Comme, désactiver les événements mouseover à partir de là? Parce que je suis tryna ajuster les valeurs et l'état mouseover va juste sur moi. –

+1

Si vous voulez empêcher l'état d'écraser l'écouteur d'événement, vous devrez redéfinir ce que fait cet élément particulier lorsque cet événement se déclenche. Je vous recommanderais aussi de regarder la source où l'événement est défini et de l'éradiquer là-bas ... mais certaines pages ont juste beaucoup de code pour le faire. –

+1

J'ai fini par utiliser l'inspecteur dual inspector (ff intégré et firebug) et aussi: .unbind ('mouseenter mouseleave'); après avoir utilisé votre code. –