Page Measure is a fast pixel ruler and spacing inspector for Chrome – a modern (Manifest V3) replacement for the classic page ruler extensions. For web designers, developers and QA testers.
How to measure an element on a web page
- Install Page Measure from the Chrome Web Store.
- Click the icon (or press Alt+Shift+M).
- Hover any element to see its width and height. Click one element, hover another to see the distance between them.
Free features
- Inspect mode: exact element width and height
- Spacing between two elements in pixels
- Ruler mode: drag to measure any area (Shift = square), nudge with arrow keys
- Color mode: magnifier, click to copy HEX, last 8 colors kept
- Keyboard shortcuts: I = inspect, R = ruler, C = color, Esc = exit
Pro (one-time payment, no subscription)
- Multiple rulers at once
- Column grid overlay with your own columns, width and gap
- Vertical and horizontal guides
- Copy all measurements and colors to the clipboard
- Rulers, guides and grid saved per page
Privacy
Runs only on the tab where you click it and sends nothing anywhere. Privacy policy
