La herramienta CSS Inspector es una potente herramienta para desarrolladores que te permite ver todas las propiedades CSS de cualquier elemento simplemente pasando el ratón por encima. Haz clic para bloquear los estilos, edítalos directamente y mira cómo los cambios se aplican a la página al instante.
Ya sea que estés solucionando problemas de diseño o estudiando un sitio web que te guste, el CSS Inspector ofrece todo lo que necesitas en un panel flotante limpio. Inspecciona fácilmente sin abrir las herramientas de desarrollador del navegador.
Consulta fuentes, tamaños, colores, espaciados y más al instante al pasar el ratón por encima.
Haz clic en el elemento para bloquear el panel y evitar que desaparezca, permitiendo una inspección detallada.
Haz doble clic sobre los valores para cambiarlos directamente. Tus cambios se reflejarán al instante en la página.
Copia propiedades individuales o todo el bloque de estilos de diseño a tu portapapeles con un solo clic.
Mira los valores de margin, border y padding de manera visual.
Muestra el ancho, el alto y la posición del elemento en la página.
El CSS Inspector muestra más de 40 propiedades:
font-familyfont-sizefont-weightline-heightletter-spacingtext-aligntext-transformcolorwidthheightpaddingmarginborderborder-radiusbox-sizingdisplaypositiontoprightbottomleftz-indexfloatoverflowbackground-colorbackground-imagebackground-sizebackground-positionopacitybox-shadowtext-shadowtransformtransitioncursorInspecciona elementos mal alineados con precisión.
Estudia los estilos de tus sitios web favoritos.
Prueba cambios antes de escribir código.
Muestra cambios en vivo durante las reuniones.
Obtén fácilmente el código CSS para nuevos elementos.
Haz clic en el icono del CSS Inspector en la barra de herramientas de DevSuite Pro.
Mueve el cursor por encima de cualquier elemento para ver sus propiedades.
Haz clic en el elemento para fijar el panel de información.
Haz doble clic sobre los valores para ajustarlos.
Copia el código actualizado y utilízalo en tu proyecto.
Instala DevSuite Pro gratis y desbloquea más de 39 herramientas de desarrollador para tu navegador.