¿Cómo depurar CSS con Firebug para un elemento que solo aparece cuando se hace clic?

Question

Quiero depurar el CSS para un menú DHTML, pero el elemento que quiero depurar es un submenú, por lo que solo aparece cuando se hace clic en el elemento superior del menú.

Así que no puedo usar ese botón en Firebug que muestra el CSS para el siguiente elemento al que se hace clic, porque cuando hago clic en el elemento superior del menú mostrará el CSS para ese elemento, no su hijo, y si expando primero el menú y luego haga clic en el botón Firebug, el submenú desaparece (desaparece cuando pierde el foco).

¿Algún consejo sobre cómo salir de este catch-22?

Answer 1

Utilice la línea de comandos de la consola firebug para ejecutar haga clic en evento. Como $('#menutab a').click(); Si es necesario, también puede establecer un punto de interrupción para evitar la ocultación.

leer más en firebug documentation

Answer 2

¿Qué pasa con la depuración con todos los botones visibles? O aún puede encontrar el elemento en el árbol HTML.

Answer 3

Seleccione su elemento en la pestaña HTML, directamente en la fuente.

Luego, puede colocar su página para alternar entre ellas.

Answer 4

En casos como este a veces modifico ligeramente el guión para que el elemento 'oculto' permanezca visible.

En este caso, quizás comentaría/deshabilitaría el código del script que oculta el elemento en blur. De esta forma, puede hacer clic en el elemento principal e inspeccionar el elemento visible ahora durante el tiempo que sea necesario.

Answer 5

En Opera, puede utilizar la libélula (Herramientas> Opciones avanzadas> Herramientas de Desarrollo, o Ctrl + Shift + I) para resolver este problema. Cuando las herramientas están activas, al hacer clic en cualquier parte de la página, navegará a esa sección del HTML, lado a lado, con su CSS.