2012-09-14 29 views
6

Estoy tratando de averiguar cómo inspeccionar un elemento usando Chrome. Ahora sé cómo inspeccionar un elemento, pero ¿cómo inspecciono las funciones de un botón, como , vuelo estacionario y activo, también?¿Cómo inspeccionar el elemento CSS usando chrome?

Estoy tratando de inspeccionar el botón de inicio de sesión de Youtube en la parte superior izquierda de la página. Obtuve los atributos de desplazamiento, pero ¿cómo inspecciono los atributos de enlace y estado activo?

+0

Usted simplemente puede ver el código fuente de la página, obtener la sylesheet y la búsqueda de la clase/ID en la hoja de estilo. –

Respuesta

14

Cuando está inspeccionando el elemento, en la pestaña de estilos, hay un botón "alternar estado del elemento". Haga clic en él para aplicar varios pseudo-estados:

+1

+1 por golpearme al golpe – Scrimothy

+0

Ohhh ok muchas gracias Soy nuevo en los elementos de inspección. [email protected]! –

4

Simplemente haga clic derecho en cualquier lugar de una página y seleccione "Inspeccionar elemento" en el menú. Chrome tiene una herramienta gráfica para la depuración (como en Firebug), por lo que se puede depurar JavaScript o mirar en CSS (se puede cambiar, incluso temporalmente el CSS mientras estás allí también)

Para obtener más información, consulte https://developers.google.com/chrome-developer-tools/

+2

De hecho, el actual Inspector de Códigos Chromium/Chrome es el mejor en el mercado. Más rápido que Firebug o Dragonfly y muchas más funciones que las herramientas de desarrollo de MS IE. – feeela

+2

Como dije, sé cómo inspeccionar el elemento, pero cuando hago todo lo que muestra es que el elemento emergente CSS atribuye cómo o dónde puedo ver el enlace y los estados activos del botón. –

+1

¡Ah, perdón, bueno, en ese caso Abody me ganó! – lifetimes

Cuestiones relacionadas