Browser Ruler

Measure UI elements and create guide lines on any webpage.

As of June 2026, Browser Ruler has 33 users in the Developer Tools category.

Developer Tools

Chrome Web Store ↗.crx

Users+57.1%

Rating0%

—

— reviews

Reviews0%

—

Version

1.0

Manifest V3

History

6 snapshots

Tracking since Apr 1, 2026.

View as table

Date	Users	Rating	Reviews	Version
Apr 1, 2026	21	—	—	1.0
Apr 18, 2026	22	—	—	1.0
Apr 28, 2026	24	—	—	1.0
May 15, 2026	25	—	—	1.0
May 24, 2026	26	—	—	1.0
Jun 3, 2026	30	—	—	1.0
Now	33	—	—	1.0

Permissions & access

Permissions: activeTab
Host access: <all_urls>

Screenshots

About

Browser Ruler is the ultimate utility for web developers, designers, and QA testers who need pixel-perfect precision.

Stop guessing alignment and padding! Browser Ruler overlays a professional-grade ruler system onto any webpage, giving you the tools to measure, align, and inspect UI elements instantly.

🌟 Key Features:

📏 On-Screen Rulers: Toggle horizontal and vertical rulers with a single click (or shortcut Alt+R).
📐 Draggable Guides: Drag guides from the top or left rulers to check alignment across your entire page.
⬜ Area Measurement: Hold Alt and drag to create a measurement rectangle. Instantly see width, height, and diagonal distance.
📏 Line Measurement: Hold Shift and drag to measure the exact distance between any two points.
🚀 Lightweight & Fast: Designed to have zero impact on page performance when inactive.
🛠️ How to Use:

Toggle: Click the extension icon or press Alt+R to activate.
Guides: Click and drag from the top or left ruler bar to create a layout guide.
Measure Box: Hold Alt + Left Click & Drag to measure an area.
Measure Line: Hold Shift + Left Click & Drag to measure distance.
Clear: Press Escape to clear all guides.