CSS Viewer – Inspecciona y copia el CSS de cualquier elemento
Descripción general
Inspecciona CSS en cualquier página. Visualiza reglas coincidentes, estilos computados, SCSS, Tailwind y JSX.
Pasa el cursor sobre cualquier elemento. Mira su CSS. Cópialo. Así de simple. CSS Viewer te muestra los estilos exactos aplicados a cualquier elemento en cualquier página. Sin escarbar en paneles de DevTools, sin buscar en hojas de estilo. Solo apunta a algo y obtén el CSS. Lo que obtienes • Reglas CSS coincidentes — Mira cada regla que se aplica a un elemento, en orden de especificidad. Las propiedades sobrescritas se muestran tachadas para que sepas qué está realmente activo. • Estilos computados — Los valores finales y resueltos para cada propiedad. Lo que el navegador realmente renderiza. • Modo Atravesar — Mantén Alt pulsado (o activa el icono) para interactuar con la página normalmente — útil para inspeccionar estados hover, desplegables y modales. • Copia con un clic — Haz clic en cualquier elemento para copiar sus estilos en el formato que estés viendo. Pro • Salida SCSS, Tailwind o JSX — Convierte el CSS de cualquier elemento al formato que realmente usas. SCSS mantiene la anidación; Tailwind te da clases de utilidad; JSX produce un objeto de estilos en línea. • Fija popovers de elementos — Pulsa Espacio para fijar el popover actual en su sitio. Arrástralo, redimensiónalo, desplázate dentro. Fija tantos como quieras para comparar lado a lado. • Rastrea cualquier propiedad — En cualquier popover fijado, haz clic en la mira junto a una línea de propiedad. Cada elemento de la página que use ese mismo valor se ilumina. Combina filtros entre pins para coincidencia tipo AND. Cómo funciona 1. Haz clic en el icono de CSS Viewer o pulsa Alt+Shift+C 2. Pasa el cursor sobre elementos para ver su CSS 3. Cambia entre formatos de salida usando el dock de abajo 4. Haz clic en un elemento para copiar sus estilos 5. Pulsa Espacio para fijar un popover Detalles • Funciona en cualquier sitio web • Modo claro y oscuro (sigue tu preferencia del sistema) • Atajo de teclado: Alt+Shift+C (personalizable) • Ligero — solo se ejecuta cuando lo activas • Sin recopilación de datos, sin analíticas, sin rastreo • Todo el procesamiento ocurre localmente en tu navegador
Detalles
- Versión1.3.0
- Actualizado15 de mayo de 2026
- FuncionesOfrece compras en aplicaciones
- Tamaño51.56KiB
- Idiomas7 idiomas
- DesarrolladorSitio web
Correo electrónico
violetsmyster@gmail.com - No operadorEste desarrollador no se ha identificado como operador. Los consumidores residentes en la Unión Europea deben tener en cuenta que los derechos de los consumidores no son aplicables a los contratos que suscriban con este desarrollador.
Privacidad
CSS Viewer – Inspecciona y copia el CSS de cualquier elemento ha revelado la siguiente información sobre la recogida y el uso de tus datos. Puedes consultar información más detallada en la privacy policy del desarrollador.
CSS Viewer – Inspecciona y copia el CSS de cualquier elemento gestiona lo siguiente:
Este desarrollador declara que tus datos:
- No se venden a terceros, excepto en los casos de uso aprobados
- No se usan ni se transfieren para fines no relacionados con la función principal del elemento.
- No se usan ni se transfieren para determinar la situación crediticia ni para ofrecer préstamos.