Browser Ruler

Measure UI elements and create guide lines on any webpage.

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.