Pesticide - Depurador avanzado de CSS

No solo inserta contornos (sin color de fondo) en todos los elementos, sino que también inspecciona el tamaño y el diseño. ¡CSS es…

Pesticide 3.2 es un depurador CSS avanzado para Chrome que te ayuda a inspeccionar el diseño, el espaciado, la tipografía y los estilos calculados directamente en la página. Actívalo y coloca el cursor sobre cualquier elemento para abrir un inspector flotante con los detalles que necesitas: - Etiqueta, ID y clases del elemento - Ruta DOM - Dimensiones de cliente, desplazamiento y desplazamiento - Modelo de caja completo: margen, borde, relleno, radio y tamaño del contenido - Inspección de fuentes - Propiedades CSS calculadas - Copia la salida CSS en formato Tailwind, en línea o de bloque ¿Qué hace que Pesticide sea útil? - Depuración basada en el esquema sin cambiar el diseño - Haz clic para fijar el elemento actual mientras comparas el espaciado y los estilos - Superposición del inspector redimensionable y arrastrable - Posición y tamaño del panel guardados por sitio - Página de opciones para mostrar u ocultar secciones del inspector - Control rápido con el teclado: Ctrl + Mayús + P Pesticide está diseñado para desarrolladores front-end, diseñadores y cualquier persona que depure CSS complejo. Te ofrece una forma visual y rápida de comprender cómo se construye una página sin tener que abrir herramientas pesadas para cada pequeña comprobación de diseño. Novedades de la versión 3.2: - Flujo de trabajo mejorado del inspector flotante - Panel para copiar CSS con Tailwind, salida en línea y en bloque - Inspección de fuentes y estilos calculados - Secciones del inspector configurables desde la página de opciones Si buscas una extensión ligera para Chrome que te permita depurar CSS más rápido, Pesticide es la solución ideal.