Inspector CSS

Ya sea que estés depurando un problema de diseño, haciendo ingeniería inversa de un diseño que admiras, o simplemente comprobando valores de espaciado y tipografía, CSS Inspector te ofrece todo lo que necesitas en un panel flotante limpio. A diferencia de las DevTools del navegador, no se interpone en tu camino — nada de paneles acoplados ni de un viewport redimensionado. Solo pasa el cursor, haz clic e inspecciona. La herramienta muestra los estilos computados (lo que el navegador realmente renderiza), no solo el CSS tal como lo escribiste. Esto significa que ves los valores reales una vez resueltas la herencia, la especificidad y la cascada — los mismos valores que determinan lo que ven los usuarios en pantalla.

Inspeccionar un elemento nunca provoca un reflow ni un repaint de la página, así que puedes explorar libremente sin preocuparte por alterar la posición de scroll, las animaciones o el estado de JavaScript. Los pseudo-elementos como ::before y ::after también son compatibles — pasa el cursor sobre el elemento padre y el panel muestra los estilos del contenido generado por separado de los del propio elemento. Las propiedades personalizadas de CSS (variables) se resuelven a su valor computado final, pero el panel también te muestra el nombre de la variable que lo produjo, para que puedas rastrear un color o un valor de espaciado hasta su token de diseño original en lugar de ver solo un número de píxeles sin contexto.

En el uso diario, la mayoría de los desarrolladores recurren a CSS Inspector docenas de veces por sesión — para comprobar por qué se colapsó un margin, confirmar un código hexadecimal antes de copiarlo en una hoja de estilos, o verificar que un breakpoint de media query realmente aplicó los estilos que debía. Como es un panel flotante y no un modo que ocupa todo el navegador, puedes mantenerlo abierto mientras cambias de pestaña para revisar tu editor de código o un archivo de diseño, y luego volver directamente al mismo elemento sobre el que estabas trabajando sin perder tu posición.