Web Screen Ruler

by Extend Chrome · extendchrome.com · Developer Tools

Established publisherManifest V3 Free

View in Chrome Web Store Data as of 16 Oct 2026

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

Users

+4 in 30 days

Rating

0.0 / 5

unchanged in 30 days

Ratings

0 in 30 days

Store rank

#211K

#176K among extensions

Version

1.5.0

updated 11 Sep 2026

Users

monthly, 2 months

Latest, 16 Oct 2026: 8 usersMove the mouse over the chart for any month

Ratings count

monthly, 2 months

Latest, 16 Oct 2026: 0 ratingsMove the mouse over the chart for any month

The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.

About Web Screen Ruler

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'.