Cómo usar la regla online: bordes, unidades y atajos

La regla se activa directamente sobre tu pantalla, con una barra de herramientas fija en la parte superior que controla todo.

Bordes activos

Los cuatro iconos de borde de la barra superior son independientes: pulsa cualquiera para encenderlo o apagarlo, en cualquier combinación (siempre queda al menos uno activo). Por defecto están encendidos arriba e izquierda, en modo esquina.

• Un borde (arriba, abajo, izquierda o derecha): una sola franja, ideal para medir en una dirección.
• Los cuatro bordes: cada uno midiendo desde su propia esquina de origen.
• Modo esquina automático: si dejas encendidos exactamente dos bordes que se tocan en una esquina (por ejemplo arriba + izquierda, la combinación por defecto), la regla lo detecta y cuenta ambas reglas desde esa esquina compartida, para leer el ancho y el alto de un objeto a la vez — la forma más rápida de medir una caja o una tarjeta.

Unidades

Cambia entre centímetros, milímetros, pulgadas y píxeles desde la barra superior. El modo píxeles no depende de la calibración — siempre es exacto, porque mide píxeles CSS reales.

Herramientas de interacción

• Cruceta: una retícula sigue el cursor y muestra sus coordenadas X/Y en la unidad activa. Es la herramienta activa por defecto.
• Cinta métrica: arrastra dos puntos a cualquier lugar de la pantalla — no solo por un borde — y lee la distancia exacta entre ellos. Pulsa el icono de la cinta una segunda vez (o el botón Deshacer) para borrar la línea y empezar de nuevo.

Atajos de teclado

Los atajos no se activan mientras escribes en un campo de texto.

Pantalla completa y modo oscuro

La pantalla completa oculta la interfaz del navegador para medir borde a borde — no está disponible en Safari de iPhone (limitación del propio sistema, sí funciona en iPad). El modo oscuro se guarda en tu navegador y se aplica sin parpadeos en cada visita.