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




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 Uso | Estado | |
---|---|---|---|
# 1 | Los desarrolladores web pueden validar la implementación de sus diseños verificando los tamaños y alineaciones de los elementos. | ✅ | |
# 2 | Los diseñadores pueden asegurar una precisión perfecta en píxeles en sus diseños comparándolos con las páginas web implementadas. | ✅ | |
# 3 | Los 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.