Características clave

✨

Calibración a Nivel Físico

Alinea y calibra la herramienta utilizando objetos estándar —como una tarjeta de crédito, una hoja A4 o una moneda— para calcular automáticamente los PPI exactos de tu pantalla. Admite botones +/- para microajustes de 1 píxel.

📏

Tres Herramientas Principales

Regla de Pantalla: Admite escalas métricas e imperiales para medir longitud, espacios y tamaños de elementos.
Transportador Estándar: Un transportador semitransparente rotatorio de 360° basado en la calibración PPI para un tamaño físico real.
Transportador Dinámico de Tres Puntos: Mide ángulos arbitrarios mediante un vértice y dos extremos con visualización en tiempo real, brazos ajustables y visualización de sector.

⌨️

Controles de teclado para un ajuste preciso a nivel de píxel y cambio de foco

Posicionamiento preciso: Una vez seleccionada una regla web, puedes usar las teclas de flecha para desplazar su posición en incrementos de 1 píxel. Mantén presionada la tecla Shift mientras usas las teclas de flecha para moverla en incrementos de 10 píxeles; esto elimina la inestabilidad que suele producirse al arrastrar elementos con el ratón.
Cambio entre varias reglas: Cuando hay varias reglas presentes, puedes alternar entre ellas pulsando la tecla Tab (o Shift + Tab) una vez que una de las reglas haya adquirido el foco.

🧩

Múltiples Herramientas Simultáneas

Soporte para añadir varias reglas, transportadores estándar o transportadores de tres puntos en la misma página para necesidades complejas de medición comparativa.

📏

Modos de Medición Duales

Modo de Ventana Independiente: Abre una ventana de regla limpia y que permanece "siempre visible".
Modo de Superposición en Página: Muestra reglas o transportadores flotantes directamente sobre cualquier página web, con transparencia ajustable.

🔄

Rotación, Ajuste y Alineació

Utilice el mango de rotación para ajustar el ángulo de las reglas y transportadores estándar en tiempo real. Estos admiten el ajuste en ángulos clave (45°/90°).
Los brazos del transportador de tres puntos también se ajustan en incrementos de 45°.

📐

Desplazamiento Cero y Restablecimiento

Simula el borde protector del "punto cero" y permite establecer un desplazamiento inicial (en mm). Incluye una función de "Restablecer" con un solo clic.

🎨

Estética Realista, Materiales y Transparencia

Las reglas admiten texturas de madera, plástico o metal con filtros SVG dinámicos.
Los transportadores ofrecen varios esquemas de colores semitransparentes (como Azul Clásico, Verde Tecnológico, Naranja Vital) para una visibilidad clara sobre cualquier fondo.
El transportador de tres puntos permite ajustar la transparencia del sector de forma independiente.

📏

Soporte Integral de Escalas

Métrico: Centímetros (CM) y Milímetros (MM).
Imperial: Pulgadas, con subdivisiones de alta precisión de hasta 1/16 de pulgada.

🔄

Lógica de Interacción Flexible

Redimensionamiento por todo el borde: Arrastre cualquier punto del extremo de la regla para ajustar su longitud.
Colaboración precisa: integración fluida del arrastre con el ratón y las teclas de flecha del teclado para realizar ajustes minuciosos a nivel de píxel.
Sincronización en tiempo real: Los cambios en materiales, colores o configuración se aplican instantáneamente.

💾

Privacidad y Almacenamiento Local

Todos los datos de calibración se almacenan exclusivamente en su navegador local.

Preguntas frecuentes

Primeros pasos

¿Cómo abro la Regla en Línea después de la instalación?

Haga clic en el icono del rompecabezas 🧩 en la parte superior derecha de su navegador, busque "Regla en Línea" y haga clic en el icono de la chincheta junto a él para fijarlo en la barra de herramientas. Después, simplemente haga clic en el icono para abrir la regla en cualquier momento.

¿Puede esta extensión realmente convertir mi pantalla en una regla real? ¿Es tan precisa como una física?

Sí. Dado que las diferentes pantallas tienen diferentes resoluciones, las imágenes normales no son precisas. Esta extensión utiliza la "Calibración física": al alinearla una vez con una tarjeta de crédito o papel A4, recuerda el tamaño real de su pantalla para una precisión de 1:1.

No tengo tarjeta de crédito, ¿puedo calibrar de todos modos?

Sí. El sistema admite múltiples objetos de referencia, como papel A4 o monedas. Agregaremos más estándares como papel A5 o tamaños de pantalla de teléfono comunes en el futuro.

Operación

¿Cuál es la diferencia entre los modos "Ventana independiente" e "Inyección en página"?

La "Ventana independiente" abre una ventana de regla limpia y ajustable que puede arrastrar a cualquier lugar y mantener sobre otras aplicaciones. La "Inyección en página" inserta la regla directamente en su página web actual con soporte de transparencia, para que no bloquee su lectura.

¿Puedo añadir varias reglas en la misma página?

¡Sí! En la versión 2.0.0, admitimos la coexistencia de múltiples reglas y transportadores. Puede hacer clic en "Añadir regla" o "Añadir transportador" varias veces, y cada herramienta se puede mover, girar, redimensionar y personalizar (material/color) de forma independiente, ideal para mediciones comparativas y posicionamiento geométrico.

¿Cómo cambio el material y el color de la regla?

Puede encontrar opciones de cambio de material en la barra de herramientas al final de la regla o en el menú emergente de la extensión. Actualmente admitimos madera, plástico y metal. Cuando se selecciona "Plástico", también puede personalizar los colores.

¿Qué pasa si la punta de la regla bloquea el objeto que estoy midiendo?

Puede usar la función "Desplazamiento de punto cero". Simula el extremo protector de una regla física, permitiéndole establecer un espacio inicial (en mm) y restablecerlo a cero con un solo clic.

¿Cómo extiendo o acorto la regla?

Es muy sencillo. En el modo de inyección, no necesita buscar esquinas diminutas; simplemente arrastre cualquier lugar de los bordes de la regla para ajustar su longitud.

¿Puedo girar la regla?

¡Sí! Simplemente arrastre el controlador de rotación al final de la regla. También admite el ajuste de precisión a 45°, 90° y 180° para ajustes rápidos.

¿Puedo añadir un transportador además de una regla?

¡Sí! En la versión 2.0.0, hemos añadido la función "Transportador geométrico". Puede insertar un transportador con precisión 1:1 haciendo clic en "Añadir transportador". También admite rotación de 360°, múltiples esquemas de color y sincronización de calibración física basada en sus datos de PPI.

¿Qué funciones especiales tiene el transportador?

El transportador todo en uno admite la calibración síncrona basada en PPI, rotación libre de 360° y múltiples esquemas de color semitransparentes (Azul Clásico, Verde Tecnológico, etc.), lo que facilita su uso en cualquier fondo de página web.

¿Qué es el transportador dinámico de tres puntos? ¿En qué se diferencia de un transportador estándar?

El transportador dinámico de tres puntos mide ángulos usando un vértice y dos extremos. A diferencia de un transportador estándar, no requiere alineación con una escala fija; simplemente arrastra los tres puntos de control para alinearlos con los elementos de una página web. Es especialmente adecuado para medir ángulos no estándar, los bordes de maquetas de diseño o ángulos geométricos dentro de imágenes.

¿Se pueden extender los brazos de medición del transportador dinámico de tres puntos?

Sí. Puedes arrastrar directamente los dos extremos y los brazos de medición se extenderán infinitamente al hacerlo. Esto lo hace ideal para medir elementos de páginas web con grandes extensiones, líneas diagonales largas o formas geométricas complejas.

¿Puedo ajustar la transparencia del sector central del transportador de tres puntos?

Sí. El transportador de tres puntos permite ajustar de forma independiente la transparencia del sector central. Esto garantiza que pueda visualizar claramente el rango de medición actual sin que el sector obstruya la vista del texto o los detalles de la página web subyacente.

Configuración y datos

¿Se perderán mis datos de calibración si cambio de página web?

No. Sus datos de calibración (como el PPI), las preferencias de unidad y los desplazamientos se sincronizan y guardan en tiempo real. La configuración se aplica al instante, ya sea que se cambie en la ventana emergente o en diferentes páginas.

¿Soporta pulgadas?

Sí. Esta extensión proporciona escalas métricas (CM, MM) e imperiales (Pulgada/Inch), con unidades imperiales de alta precisión divisibles hasta 1/16 de pulgada.

Seguridad y privacidad

¿Lee mi historial de navegación o mi privacidad personal?

No. Todos los datos de calibración y las preferencias se guardan localmente en su navegador. Nunca se cargan datos a los servidores.

¿Son reales las texturas de los materiales? ¿Hará que el navegador se ralentice?

Todos los materiales (madera, plástico, metal) utilizan tecnología SVG para generar dinámicamente efectos visuales realistas. Son muy ligeros y no ralentizarán su navegador en absoluto.

Registro de actualizaciones

v2.2.0

2026-10-27

🎉 Actualización v2.2.0: Controles por teclado y ajustes de precisión a nivel de píxel para reglas web

Esta actualización mejora la precisión y la facilidad de uso de las reglas web. Hemos incorporado un conjunto completo de controles por teclado, lo que permite una alineación exacta a nivel de píxel y una navegación eficiente entre varias reglas:
✨ Ajustes precisos por teclado: Cuando una regla web esté seleccionada, utiliza las teclas de flecha (↑ / ↓ / ← / →) para desplazarla 1 píxel. Si mantienes presionada la tecla Shift mientras usas las flechas, el desplazamiento será de 10 píxeles; ideal tanto para mediciones exactas como para un posicionamiento rápido.
✨ Selección rápida mediante clic: Haz clic en cualquier regla de la página web para seleccionarla. Verás indicaciones intuitivas en pantalla que te permitirán empezar a mover la regla con el teclado de inmediato.
✨ Cambio sencillo con la tecla Tab: Si tienes varias reglas en la página, puedes alternar la selección entre ellas fácilmente usando las teclas Tab o Shift + Tab, lo que agiliza la comparación de medidas entre distintas reglas.
✨ Guía intuitiva para el teclado: Gracias a las indicaciones integradas (por ejemplo, "Teclas de flecha para mover 1 px", "Shift + teclas de flecha para mover 10 px") y a los útiles mensajes informativos, podrás empezar a trabajar al instante sin necesidad de memorizar atajos complejos.
v2.1.0

2026-05-15

🎉 ACTUALIZACIÓN v2.1.0: ¡EL TRANSPORTADOR DINÁMICO DE TRES PUNTOS YA ESTÁ DISPONIBLE!

Esta actualización mejora las capacidades de medición de ángulos en la página con el nuevo transportador dinámico de tres puntos:
✨ Transportador dinámico de tres puntos: Herramienta que consta de un vértice y dos puntos finales para alinearse rápidamente con cualquier ángulo.
✨ Cálculo de ángulos en tiempo real: Calcula y muestra automáticamente el ángulo entre los dos brazos en grados (°) al arrastrar los puntos finales.
✨ Brazos de extensión dinámicos: Los dos brazos de medición se pueden extender continuamente para adaptarse a elementos más grandes.
✨ Área de sector semitransparente: Visualice el rango de medición actual con un sector semitransparente, con opacidad ajustable.
✨ Ajuste independiente de los brazos: Cada brazo se ajusta en incrementos de 45° (0°, 45°, 90°, etc.) para una alineación rápida.
✨ Alineación de precisión: Admite múltiples colores y cuenta con un círculo hueco transparente en el vértice para una precisión milimétrica.
v2.0.0

2026-05-10

🎉 v2.0.0 ACTUALIZACIÓN MAYOR: ¡EL TRANSPORTADOR GEOMÉTRICO YA ESTÁ DISPONIBLE!

Esta actualización marca la transición de una simple herramienta de medición a una caja de herramientas geométrica completa:
✨ Nueva función de transportador: Ahora puede agregar transportadores a cualquier página web además de las reglas.
✨ Rotación arbitraria de 360°: Admite la rotación de 360° a través de un mango para la medición precisa de pendientes y ángulos.
✨ Múltiples estilos de color: Ofrece varios esquemas de color semitransparentes (Azul Clásico, Verde Tecnológico, Naranja Vibrante, etc.) para una alta visibilidad.
✨ Calibración física sincronizada: El transportador se representa en función de sus datos de PPI, lo que garantiza dimensiones reales precisas.
v1.2.0

2026-05-07

🎉 v1.2.0 NUEVAS FUNCIONES: SOPORTE MULTIRREGLA Y MATERIALES RICOS

Esta actualización aporta capacidades de medición multidimensionales más potentes y opciones visuales personalizadas:
✨ Soporte multirregla: Agregue varias reglas en la misma página para satisfacer necesidades de medición comparativa complejas.
✨ Nuevos materiales de plástico y metal:
- Material plástico: Ofrece múltiples colores frescos para que la interfaz sea más animada.
- Material metálico: Textura de metal cepillado realista, sensación profesional y de alta tecnología.
✨ Personalización del color del material: El material plástico ahora admite múltiples combinaciones de colores para adaptarse a diferentes fondos web y preferencias personales.
v1.1.0

2026-05-03

ROTACIÓN LIBRE DE 360°

Libérese de las limitaciones de las mediciones horizontales y verticales. Ahora puede rotar su regra a qualquer ângulo para que coincida com qualquer objeto na sua tela:
✨ Mango de rotación suave: Simplesmente arraste o novo mango de rotación ao final de la regra (em modo superposição) para ajustar seu ângulo com uma resposta fluida em tempo real.
✨ Ajuste de precisão: Bloquee sin esfuerzo ângulos clave como 45°, 90° y 180° com a lógica de ajuste integrada y ajustes preestablecidos de um solo clique para um cambio rápido.
✨ Insígnia de ângulo visual: Uma descrição emergente dinâmica mostra seu grau exato de rotación em tempo real, garantindo uma precisão de medição de nível profissional.
✨ Consistência total: A veta de madeira realista, as marcas de escala y la barra de ferramentas interativa mantêm sua integridade estrutural y claridad em qualquer orientação.
v1.0.0

2026-04-30

Lanzamiento inicial。