Page Ruler is a Chrome extension that draws an on-screen ruler over any live webpage, letting you drag out a rectangle and read its exact width, height, and pixel coordinates.
It gives you real pixel measurements of anything rendered in the browser (spacing, image dimensions, the gap between two elements), without opening devtools or hunting through a computed-styles panel.
Pull it up when you're auditing a competitor's layout and want the exact width of their hero image or the gutter between cards, or double-checking that your own shipped page matches the spacing in your design file.
It's intentionally bare-bones (a box, a width, a height, a position, nothing else), so it won't break down padding, margin, or borders like some newer measuring extensions do; pair it with devtools when you need the full box model.
Measure page elements in pixels with an easy-to-use ruler.
