History

7 snapshots

Tracking since May 1, 2026.

View as table

Date	Users	Rating	Reviews	Version
May 1, 2026	—	—	—	1.0.0
May 7, 2026	—	—	—	1.0.0
May 12, 2026	4	—	—	1.2.0
May 18, 2026	7	—	—	1.2.0
May 24, 2026	18	—	—	2.1.0
May 31, 2026	37	—	—	2.1.0
Jun 6, 2026	58	—	—	2.1.0
Now	60	—	—	2.1.0

Changelog

May 18, 2026

description

📏 Online Ruler: Precise 1:1 Screen Measurement & Physical Calibration Tool
—— A lightweight, high-precision professional browser extension that transforms your screen into a real-world physical ruler.

-----------------------------------

Do you often struggle to obtain accurate measurements when sizing objects on your screen due to varying resolutions and zoom levels? "Online Ruler" is designed specifically to solve this common frustration. Utilizing unique physical calibration technology, it dynamically renders precise 1:1 scales based on your monitor's actual PPI (Pixels Per Inch), providing you with real-world-accurate measurement references—whether you are browsing a webpage or working in a standalone window.

Whether you are a designer, an engineer, or simply a user who needs to measure small objects on your screen, this extension offers you the most intuitive and reliable digital measurement solution available.

🎉 NEW IN v1.2.0: MULTIPLE RULERS & NEW MATERIALS
-----------------------------------
This update brings more powerful multi-dimensional measurement capabilities and personalized visual options:

✨ Multiple Rulers: Support for adding multiple rulers on the same page to meet complex comparative measurement needs.

✨ Plastic & Metal Materials:
- Plastic: Offers a variety of fresh, selectable colors for a more vibrant interface.
- Metal: Realistic brushed metal texture for a professional, tech-forward aesthetic.

✨ Material Color Customization: Plastic material now supports switching between multiple color schemes to suit different backgrounds and personal preferences.

🌟 Core Features
-----------------------------------
✨ Physical-Level Calibration:
Calibrate the ruler by aligning it with standard physical objects—such as a credit card, a sheet of A4 paper, or a coin—to automatically calculate your screen's exact PPI. Supports +/- buttons for fine-tuning adjustments down to a single pixel.

📏 Dual Measurement Modes:
Standalone Window Mode: Opens a clean, "always-on-top" ruler window that supports free resizing and switching between horizontal and vertical orientations.
Page Overlay Mode: Displays a floating ruler directly over any webpage; supports transparency adjustments to ensure it does not interfere with your reading experience.

🔄 360° Arbitrary Rotation:
Break free from horizontal and vertical constraints. Use the rotation handle to adjust the angle in real-time. Supports snapping to key angles (45°/90°) and displays a real-time angle badge.

🔄 Zero Offset & Reset:
Mimics the protective "zero-point" edge found on physical rulers, allowing you to set a custom starting offset (in mm). Includes a one-click "Reset to Zero" function to quickly restore the measurement baseline.

🎨 Realistic Multi-Material Aesthetics:
Features ruler bodies in Wood, Plastic, or Metal textures. Generated via dynamic SVG filters, balancing a professional look with visual comfort while ensuring crisp markings.

📏 Comprehensive Scale Support:
Metric: Centimeter (CM) and Millimeter (MM) scales.
Imperial: Inch scales, featuring high-precision subdivisions down to 1/16 of an inch.

🔄 Flexible Interaction Logic:
Full-Edge Resizing: In Overlay Mode, simply drag any point along the end of the ruler to adjust its length.
Real-time Synchronization: Changes to Popup settings—such as material switching or zero-point offsets—are instantly applied.

💾 Privacy & Local Storage:
All calibration data (PPI, unit preferences, offsets) is stored exclusively within your local browser; absolutely no data is uploaded to external servers.

📖 Instructions
-----------------------------------
1. First-time Use: Click the extension icon to enter "Calibration Mode."
2. Alignment Calibration: Select a physical reference object (e.g., a credit card). Place the actual object directly against your screen, then adjust the slider (or click the +/- buttons) until the red on-screen frame aligns perfectly with the physical object.
3. Start Measuring: Click "Open in New Window" or "Add Ruler to Current Page" to begin using the tool.
4. Switching Materials: Choose between Wood, Plastic, or Metal in the ruler toolbar or Popup menu, and customize the Plastic color if desired.

🎨 Design Philosophy
-----------------------------------
Precision Above All: Built upon the rigorous mathematical formula `pixelsPerMm = ppi / 25.4`, ensuring a true 1:1 scale reproduction.
Visual Consistency: Regardless of the rotation angle, textures generated via SVG filters always align perfectly with the ruler's orientation.
Instant Usability: Full-edge drag handles and a prominent "0" mark minimize interaction friction, making the tool intuitive and effortless to use.

🗺️ Roadmap
-----------------------------------
Auxiliary Reference Lines: Adding optional crosshairs or snap-to-edge functionality to facilitate height comparisons.
Expanded Calibration References: Adding support for more reference standards, such as A5 paper and common mobile phone screen dimensions.
Unit Customization: Support for more non-standard units or pixel-based measurements.

💬 Feedback & Suggestions
-----------------------------------
Crafted specifically for users who demand uncompromising precision! If you have any great ideas or encounter any issues, please don't hesitate to contact us. Your feedback is the driving force behind our continuous improvement.

Precise measurement—right at your fingertips! 🚀

📏 Online Ruler: Precise 1:1 Screen Measurement & Physical Calibration Tool
—— A lightweight, high-precision professional browser extension that transforms your screen into a real-world physical ruler and protractor.

-----------------------------------

Do you often struggle to obtain accurate measurements when sizing objects on your screen due to varying resolutions and zoom levels? "Online Ruler" is designed specifically to solve this common frustration. Utilizing unique physical calibration technology, it dynamically renders precise 1:1 scales based on your monitor's actual PPI (Pixels Per Inch), providing you with real-world-accurate measurement references.

Whether you are a designer, an engineer, or a student learning about geometry, this extension offers you the most intuitive and reliable digital measurement solution.

🎉 v2.1.0 MAJOR UPDATE: THREE-POINT DYNAMIC PROTRACTOR
-----------------------------------
This update introduces a powerful new way to measure angles directly on webpages, designed for perfect alignment with design elements:

✨ Three-Point Dynamic Protractor: Adds a measurement tool consisting of a vertex and two endpoints. Quickly align with any angle by positioning the three points.

✨ Real-time Angle Calculation: Automatically calculates and displays the angle between the two arms in degrees (°), supporting 0°-360° measurements as you drag the endpoints.

✨ Dynamic Measurement Arms: The two arms can be extended indefinitely by dragging the endpoints, making it easy to align with large webpage elements, image edges, or slanted design lines.

✨ Semi-transparent Sector Area: A semi-transparent sector automatically appears between the two arms to visualize the measured area. The transparency of this sector can be adjusted independently.

✨ Independent Arm Snapping: Each arm automatically snaps to 45° increments (0°, 45°, 90°, etc.) when moved close, facilitating quick alignment with horizontal, vertical, and common diagonal edges.

✨ Precision Alignment: Supports multiple color schemes. The vertex features a transparent hollow circle with a clear center point for pinpoint accuracy.

🎒 STUDENT'S CORNER: FUN WITH GEOMETRY (Great for 4th Graders!)
-----------------------------------
Hey there, young explorers! Are you learning about shapes and angles in school? This tool is like having a magic math kit right inside your computer. Here is how you can use it for your homework and fun projects:

📐 Measuring Lengths: Use the **Ruler** to measure how long things are on your screen. You can use Centimeters (cm) or Millimeters (mm), just like the ruler in your pencil case!

📐 Measuring Angles: Have you learned about "Right Angles" or "Acute Angles"? Use the **Protractors** to find out exactly how many degrees an angle has. You can use the standard round protractor or the new **Three-point Protractor** to pin down any corner!

📐 Mix and Match: You can put many rulers and protractors on the page at the same time to see how different shapes fit together.

🎨 Fun Colors: You can change your tools to look like wood, shiny metal, or colorful plastic. Pick your favorite color to make math time more fun!

🌟 Core Features
-----------------------------------
✨ Physical-Level Calibration:
Align the tool with standard physical objects—like a credit card or A4 paper—to automatically calculate your screen's exact PPI. Supports +/- buttons for 1-pixel micro-adjustments.

📏 Three Main Tools:
Screen Ruler: Supports Metric and Imperial scales for measuring length, spacing, and element sizes.
Standard Protractor: A semi-transparent 360° rotatable protractor based on PPI calibration for true physical size.
Three-point Dynamic Protractor: Measures arbitrary angles via a vertex and two endpoints with real-time display, adjustable arms, and sector visualization.

📏 Dual Measurement Modes:
Standalone Window Mode: Opens a clean, "always-on-top" ruler window.
Page Overlay Mode: Displays floating rulers or protractors directly over any webpage with adjustable transparency.

🔄 Rotation, Snapping & Alignment:
Use the rotation handle to adjust the angle in real-time. Rulers and Standard Protractors support snapping to key angles (45°/90°). Three-point Protractor arms also snap to 45° increments for easy alignment with webpage edges.

🔄 Zero Offset & Reset (Ruler):
Mimics the protective "zero-point" edge and allows setting a custom starting offset. Includes a one-click "Reset" function.

🎨 Realistic Aesthetics & Materials:
Rulers support Wood, Plastic, or Metal textures with dynamic SVG filters. Protractors offer several semi-transparent color schemes (e.g., Classic Blue, Tech Green, Vital Orange) for clarity on any background.

📏 Comprehensive Scale Support:
Metric: Centimeter (CM) and Millimeter (MM).
Imperial: Inch scales, high-precision down to 1/16 of an inch.

🔄 Flexible Interaction Logic:
Full-Edge Resizing: Drag any point along the end of the ruler to adjust its length.
Real-time Synchronization: Changes to materials, colors, or settings are applied instantly.

💾 Privacy & Local Storage:
All calibration data is stored exclusively within your local browser.

📖 Instructions
-----------------------------------
1. First-time Use: Click the extension icon to enter "Calibration Mode."
2. Alignment: Select a reference object, place it against your screen, and adjust the slider until the mark aligns perfectly.
3. Start Measuring: Click "Add Ruler to Current Page," "Add Protractor," or "Add Three-point Protractor."
4. Change Style: Use the toolbar icons to adjust materials, colors, or transparency.
5. Move & Rotate: Drag the tool to move it. For Rulers and Standard Protractors, use the round handle to rotate. For the Three-point Protractor, drag the vertex or endpoints to align with the angle.

🎨 Design Philosophy
-----------------------------------
Precision Above All: Built upon the formula `pixelsPerMm = ppi / 25.4`.
Toolkit Thinking: Combining rulers and protractors for UI debugging, blueprint checking, and education.
Instant Usability: Wide drag handles and clear zero marks to make it effortless.

🗺️ Roadmap
-----------------------------------
Auxiliary Reference Lines: Optional crosshairs or snap-to-edge for comparisons.
Expanded Calibration References: Support for A5 paper and mobile screen dimensions.
Annotation Feature: Allow adding simple text or line notes at measurement points.

💬 Feedback & Suggestions
-----------------------------------
Crafted for users who demand precision! If you have ideas or issues, contact us. Your feedback drives our improvement.

Precise measurement—right at your fingertips! 🚀

May 7, 2026

description

Online Ruler provides a 1:1 accurate on-screen physical ruler with customizable PPI calibration for precise real-world measurements on any display.