html - inspeccionar - firebug para firefox quantum

¿Puedes hacer que el estado de alerta en Firebug sea "pegajoso"?

Question

Cuando estoy depurando un sitio, a veces los selectores suspendidos son un poco largos y similares a otros, ¿hay alguna manera de aplicar un tipo de estado "adhesivo" para pasar las reglas en Firebug?

Ejemplo; Pasé el puntero sobre una barra de navegación y quiero copiar el selector de Firebug para buscar en el CSS, pero tan pronto como muevo el mouse, el selector (obviamente) desaparece porque el nav <li> ya no está suspendido.

Alguna forma de hacer esto?

Gracias :)

Answer 1

A veces, los elementos no se ven afectados por el estado ": hover", sino por un mouseover en jQuery o similar, en ese caso puede activar manualmente el evento (o forzar el evento) en la pestaña de la consola escribiendo:

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

Espero que ayude, vine aquí buscando esta respuesta, pero tuve que resolverlo por mi cuenta

Answer 2

Abra Firebug y desarrollador web-> Inspector. En la ventana del Inspector, ubique la línea de código donde se inicia el vuelo estacionario, haga clic con el botón derecho del mouse y elija: hover. Entonces el estado de vuelo estacionario se mantendrá, puedes hacer lo que quieras en Firebug.

Answer 3

Al inspeccionar los enlaces, Firebug muestra el estado CSS predeterminado, es decir, los estilos aplicados a un enlace. Por defecto, los siguientes: hover y: estilos activos no se muestran. Afortunadamente, puede cambiar el estado del enlace haciendo clic en Estilo y eligiendo la opción adecuada:

Answer 4

Por lo que quería, hay una opción para él en el menú desplegable Style encima de los estilos CSS para el elemento. Simplemente haga clic en el menú desplegable y seleccione :active or :hover y guarda los estilos para el elemento seleccionado y :hover :)

Answer 5

Puede intentar usar el inspector de Chrome y activar: activo: estado visitado, etc. en el elemento bajo estilos.