Subscribe to get weekly email with the most promising tools 🚀

Screen Ruler for Google Chrome

Screen Ruler es la herramienta perfecta para desarrolladores web y diseñadores que desean medir tamaños, distancias y márgenes de cualquier elemento en una página web.

Listado en categorías:

Herramientas de diseñoExtensiones de ChromeHerramientas de desarrollo
Screen Ruler for Google Chrome-image-0
Screen Ruler for Google Chrome-image-1
Screen Ruler for Google Chrome-image-2
Screen Ruler for Google Chrome-image-3
Screen Ruler for Google Chrome-image-4

Descripción

Screen Ruler es una extensión de Chrome diseñada para desarrolladores web y diseñadores para medir tamaños, distancias, márgenes y rellenos de cualquier elemento en cualquier página web. Permite a los usuarios validar la implementación de sus sitios web proporcionando información detallada sobre los tamaños de los elementos, nombres de etiquetas, IDs y clases simplemente al pasar el cursor sobre ellos.

Cómo usar Screen Ruler for Google Chrome?

Para usar Screen Ruler, haz clic en el ícono de la extensión o usa el menú contextual del botón derecho para activarlo. Pasa el cursor sobre los elementos para ver sus tamaños y propiedades, selecciona elementos para medir distancias y accede al CSS computado en el panel lateral. Puedes personalizar atajos de teclado para un acceso más fácil.

Características principales de Screen Ruler for Google Chrome:

1️⃣

Medir el tamaño en píxeles de cualquier elemento

2️⃣

Medir la distancia en píxeles entre dos elementos

3️⃣

Ver nombres de etiquetas HTML, nombres de clases e IDs

4️⃣

Acceder al CSS computado y copiarlo al portapapeles

5️⃣

Personalizar atajos de teclado

Por qué podría ser usado Screen Ruler for Google Chrome?

#Caso de UsoEstado
# 1Los desarrolladores web pueden validar la implementación de sus diseños verificando los tamaños y alineaciones de los elementos.
# 2Los diseñadores pueden asegurar una precisión perfecta en píxeles en sus diseños comparándolos con las páginas web implementadas.
# 3Los equipos de aseguramiento de calidad pueden usar la herramienta para identificar problemas de diseño y problemas de alineación antes de que un sitio web se publique.

Desarrollado por Screen Ruler for Google Chrome?

Screen Ruler es desarrollado por Nontrader, un desarrollador enfocado en crear herramientas para desarrolladores web y diseñadores para mejorar su flujo de trabajo y mejorar la precisión de la implementación de sitios web.

Preguntas frecuentes de Screen Ruler for Google Chrome