2010-11-05 10 views
70

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?¿Se puede hacer que el estado de permanencia en Firebug sea "pegajoso"?

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

¿Alguna forma de hacerlo?

Gracias :)

+0

Comprobar esta respuesta en estado estacionario de prueba en Chrome y Firefox http://stackoverflow.com/a/20716179/1868660 –

Respuesta

74

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

enter image description here

+5

Sé que el OP contestó su propia pregunta y lo más probable es que quiera mantener sus puntos de estado, pero esta fue la respuesta más "completa". (No entendí bien su respuesta y pensé que quería decir en el menú del navegador bajo una de las opciones de desarrollador) – BillyNair

+1

No importa mucho sobre los puntos, esta es la mejor respuesta. – Kyle

+1

Más 1 por decir que no te importan los puntos. –

57

Por lo que quería, hay una opción para que en el Style desplegable encima de los estilos CSS para el elemento. Basta con hacer clic en el menú desplegable y seleccione :active o :hover y mantiene los estilos para el elemento seleccionado y permaneció :)

+19

Mi vida ... ha mejorado dramáticamente, 3 años y simplemente asumí que no era posible. – Moak

+8

Durante años, he usado clics extraños con el botón derecho e intenté fallar elementos: ¿por qué no pensé en verificar el menú Estilo? – electblake

+0

y sigue siendo una respuesta útil :) –

3

Puedes probar a utilizar Chrome inspector, y el gatillo activo: visited estado etc .. en el elemento bajo estilos.

enter image description here

+2

La depuración de problemas específicos de Firefox requiere el uso de un inspector de Firefox. –

2

abierto tanto quemador, y la web Developer-> 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.

8

veces artículos no se ven afectados por el ": hover" Estado sino por un mouseover en jQuery o similares, en ese caso se puede desencadenar manualy el evento (o forzar el evento) en la pestaña de la consola escribiendo:

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

creo que sirve, yo he venido aquí en busca de esta respuesta, pero tenía que averiguarlo yo

+0

eso es increíble.¿Puedes hacer que * permanezca * en ese estado entonces? Al igual que, apague los eventos mouseover desde allí? Porque estoy intentando ajustar los valores y el estado del mouseover simplemente se va para mí. –

+1

En caso de que desee evitar el estado que tendría que sobrescribir el detector de eventos, tendría que volver a definir qué hace ese elemento en particular cuando se desencadena ese evento. Te lo recomendaría también, mira la fuente donde está definido el evento y ponlo allí ... pero algunas páginas solo tienen un montón de código para hacerlo. –

+1

Terminé usando el enfoque de inspector doble (ff built and firebug) y también: .unbind ('mouseenter mouseleave'); después de usar tu código –

Cuestiones relacionadas