Web Screen Ruler

Overlay a pixel-measurement grid and screen-size guides on any page. Measure layouts and resize to any breakpoint fast.

Measure any web page and check it at real screen sizes — right on the page. Ever look at a layout and wish you could see exactly where everything lands, or check how a page holds up at a phone or desktop size without leaving the tab? Web Screen Ruler lays a pixel-perfect measurement grid and screen-size guides over any website. Click the toolbar icon (or press the shortcut) and a small, movable panel appears, giving you a ruler and responsive guides wherever you are. Features: - Overlay a measurement grid on any page, with pixel numbers at every line - See exactly where content falls — X across the top, Y position and percent down the side - Show guides for common screen sizes, grouped by Computer, Mobile, and Custom - Resize your browser window to any screen size with a single click - Add your own custom screen sizes to match the devices you design for - Adjust spacing, line color, and line style (solid, dashed, or dotted) - Dark and light themes, plus a panel you can drag, dock to any corner, or minimize Found a bug? Want a feature? Go to the 'Details' tab and click on 'Support'.