google chrome - una - Cómo usar el inspector de web de cromo para ver el código de activación
inspeccionar elemento teclado (6)
En Firefox:
en Firebug:
fuente: https://stackoverflow.com/a/11272205/2165415
Usar chromes web inspector para ver el código es muy útil. Pero, ¿cómo ves, por ejemplo, el código de desplazamiento de un botón? Deberá pasar el mouse sobre el botón y no podrá usarlo (mouse) en el inspector. ¿Hay algún atajo u otras formas de lograr esto en el inspector?
Ahora puede ver las reglas de estilo de pseudoclase y forzarlas sobre los elementos.
Para ver las reglas como :hover
el mouse en el panel Estilos, haga clic en el botón pequeño del cuadro de puntos en la parte superior derecha.
Para forzar un elemento a :hover
estado de :hover
, haga clic derecho sobre él.
Alternativamente, puede utilizar el panel de la barra lateral de Event Listener Breakpoints en el panel Scripts y seleccionar pausar en los manejadores de mouseover.
Alternativamente, puede utilizar el panel de la barra lateral de Event Listener Breakpoints en el panel Scripts y seleccionar pausar en los manejadores de mouseover.
Es un poco molesto, pero debe hacer clic derecho en el elemento y luego, manteniendo el mouse sobre el enlace, use su teclado, seleccione el enlace ''Inspeccionar elemento'' y presione enter. Esto debería mostrarle el CSS de la pseudo clase de vuelo flotante para el elemento seleccionado.
Aquí esperamos que esto sea un poco más fácil en versiones futuras.
No estoy seguro de entender bien tu pregunta, pero si deseas ver el código del controlador de eventos, puedes inspeccionar el elemento y mirar el panel de la barra lateral de Event Listeners del Panel de Elementos. Otra forma es simplemente presionar el botón de pausa en el Panel de Scripts y colocar el elemento sobre el elemento. El depurador se detendrá en la primera instrucción del primer controlador de eventos.
Por favor, eche un vistazo en el siguiente enlace para la respuesta
Ver: estado de desplazamiento en las herramientas de desarrollo de Chrome