Firebug: Comment inspecter des éléments changeant avec les mouvements de la souris?

Question

Parfois, j'ai besoin d'inspecter les éléments qui sont les seuls à apparaître sur une page si vous mettez la souris sur une zone. Le problème est que si vous commencez à vous déplacer la souris vers la console de firebug pour voir les changements, la souris événement est déclenché et tous les changements que je suis en train d'inspecter disparaître. Comment faire face à de tels cas?

Fondamentalement, je suis à la recherche de quelque chose qui serait soit:

• Commutateur pour console de firebug, sans déplacement d'une souris (à l'aide de raccourcis clavier peut-être? Mais je ne peux pas comprendre comment utiliser firebug avec le clavier uniquement)
• Avoir une capacité à "geler" la page afin que vos mouvements de souris ne déclenchent pas tous les événements plus.

Merci.

Answer 1

Sélectionnez l'élément avec l'inspecteur ou dans le DOM. Allez dans l'onglet "Styles" dans firebug et cliquez sur la petite flèche située sur l'onglet, puis sélectionnez ": survolez" (également disponible ": actif"). L'état restera sur "survol" et vous pouvez sélectionner d'autres éléments pour les faire survoler

Answer 2

Le panneau de style de Firebug a un menu déroulant dans lequel vous pouvez choisir l’état :active ou :hover .

Answer 3

Je pense que vous pouvez aussi faire ceci :

• Choisissez Firebugs Inspecter mode

• Passez la souris sur l'élément qui apparaît l'élément que vous souhaitez inspecter, puis utilisez l' Onglet touche plusieurs fois pour faire Firebug active (je l'ai trouvé difficile à voir quand Pyromane est le composant actif mais rien de comparable à l'essai et l'erreur - quand j'ai vu que Firefox Barre de recherche est active, je ne puis Maj + Tab en arrière deux fois pour entrer dans Firebug.

• Puis je utiliser L/R touches fléchées pour contrat/développez des éléments et U/D touches fléchées pour naviguer dans Firebugs console

Travaillé pour moi en tout cas!

Answer 4

Pour l'infobulle de l'interface utilisateur de Jquery, j'ai finalement mis en place un long délai pour le masquage de l'élément afin d'avoir le temps de l'inspecter avant qu'il ne soit supprimé. Par exemple, j'ai utilisé cela pour inspecter l'info-bulle:

     $( document ).tooltip({ hide: {duration: 100000 } });
 

au lieu de:

     $( document ).tooltip();
 

Answer 5

Vous pouvez insérer un point d'arrêt au début du gestionnaire d'événements mouseout. Son code ne sera pas exécuté tant que vous ne pourrez pas continuer, et vous pourrez utiliser l'inspecteur DOM, etc., lorsque l'exécution est arrêtée.