Pouvez-vous rendre l'état de vol stationnaire dans Firebug "collant"?
Lorsque je débogue un site, parfois les sélecteurs survolés sont un peu longs et similaires à d'autres, existe-t-il un moyen d'appliquer une sorte d'état "collant" pour survoler les règles dans Firebug?
Exemple; Je passe la souris sur une barre de navigation et je veux copier le sélecteur hors de Firebug pour rechercher dans le CSS, mais dès que je déplace ma souris, le sélecteur (évidemment) disparaît lorsque le nav <li> n'est plus plané.
Une façon de faire ça?
Merci :)
Lors de l'inspection des liens, Firebug affiche l'état CSS par défaut, c'est-à-dire les styles appliqués à un lien:. 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:
Pour ce que je voulais, il y a une option dans le menu déroulant Style au-dessus des styles CSS de l'élément. Cliquez simplement sur la liste déroulante et sélectionnez :active ou :hover et il conserve les styles de l'élément sélectionné et survolé :)
Parfois, les éléments ne sont pas affectés par l'état ": hover" mais par un survol de la souris dans jQuery ou similaire, dans ce cas, vous pouvez déclencher manuellement l'événement (ou forcer l'événement) dans l'onglet console en écrivant:
$('#a-random-selector').mouseover()
J'espère que ça aide, je suis venu ici à la recherche de cette réponse mais j'ai dû le découvrir moi-même
Vous pouvez essayer d'utiliser Chrome, et déclencher: actif: état visité, etc. sur l'élément sous les styles.
Ouvrez Firebug et développeur Web-> Inspecteur. Dans la fenêtre Inspecteur, localisez la ligne de code où le survol commence, cliquez avec le bouton droit de la souris et choisissez le: survol. Ensuite, l'état de vol stationnaire restera, vous pouvez faire ce que vous voulez dans Firebug.