¿Cómo puedo ver las propiedades ": hover" y ": active" de los elementos en una página web?

Duplicar posible:
How to use chrome web inspector to view hover code ¿Cómo puedo ver las propiedades ": hover" y ": active" de los elementos en una página web?

Tanto en Google Chrome y Firefox, el vuelo estacionario y propiedades CSS estado activo sólo puede ser visto cuando el elemento se asoma o hace clic. Sin embargo, tan pronto como mi mouse deja el elemento o suelto mi mouse, no puedo ver las propiedades más.

¿Existe una extensión de Chrome o un complemento de Firefox que me permita ver los elementos en los estados activo o desactivado?

Fuente

2012-01-03 Leo Jiang

El duplicado es para Chrome, para Firefox, [ver esta respuesta] (http://stackoverflow.com/a/13855134/247696). – Flimm

Estoy de acuerdo ... y @Domenic, creemos que esto está mal. Debería ser el enlace Flimm mencionado –

Tanto Firebug como la extensión DOM Inspector para Firefox le permiten inspeccionar: pasar el mouse y: estado activo en elementos arbitrarios, según recuerdo.

Fuente

2012-01-04 07:30:23

¿Esto todavía funciona en firefox 29? Parece que no puedo encontrar el menú emergente como antes. – billynoah

@billynoah Definitivamente funciona en DOM Inspector, que es lo que uso habitualmente. –

usando Firefox 29? de hecho, leí este artículo (https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector#Selecting-Elements) acerca de cómo cambiaron el comportamiento para tener un menú desplegable para cada elemento en el panel html en su lugar de en la página web en sí. es bastante real, solo me confundió ya que estaba acostumbrado a la vieja usanza. – billynoah

Haga clic en el elemento dentro del inspector de elementos. Mueva el mouse sobre el elemento, presione la tecla de flecha hacia arriba y luego la tecla de flecha hacia abajo. Verá las propiedades de desplazamiento.

Fuente

2012-01-04 00:30:14 henryaaron

Gran consejo. Además, presione la tecla de tabulación (después de presionar las teclas de flecha hacia arriba y hacia abajo en cromo) si desea desplazarse por las propiedades de css. – Amir

+11

En las versiones recientes de Firefox, puede hacer clic derecho en un elemento en el inspector de elementos y establecer el estado deseado. Consulte [Preguntas frecuentes sobre el Inspector DOM] (https://developer.mozilla.org/en-US/docs/DOM_Inspector/DOM_Inspector_FAQ#.C2.A0How_do_I_inspect_pseudo-classes_and_pseudo-elements_in_the_CSS_Rules_viewer.3F) – daniels

¿Cómo puedo ver las propiedades ": hover" y ": active" de los elementos en una página web?

Respuesta

Cuestiones relacionadas