Screen Ruler: Measure The Web

Screen Ruler: Measure The Web

Measure sizes, distances, margins and paddings of any element on any web page.

Users: 194 ▲ 129
Rating: 5.00 (2)
Version: 1.3.0 (Last updated: 2024-04-15)
Creation date: 2024-03-29
Risk impact: Low risk impact
Risk likelihood: Low risk likelihood
Manifest version: 3
  • scripting
  • activeTab
  • contextMenus
  • commands
  • storage
  • offscreen
  • declarativeContent
  • sidePanel
Size: 51.15K
Stats date:

Other platforms

Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.
Chrome-Stats extension

Screen Ruler is the perfect companion for web developers and designers wanting to validate the implementation of their websites. Once activated, Screen Ruler allows you to view the sizes, margins, paddings, tag names, IDs, and classes simply by hovering over any element. You can also select an element to measure distances to other elements.


  • Toggle Screen Ruler by clicking the extension icon, selecting “Screen Ruler” from the right-click context menu, or using the shortcut Alt/Option + Shift + R.
  • Hover over elements on web pages to display their sizes, margins, paddings, tag names, IDs, and classes.
  • Select an element by clicking on it directly, this will turn the highlight red. To deselect, click again, press Escape or select a different element.
  • To select the parent of an element, use Alt/Option + Up, moving your selection to the parent element instead, use Alt/Option + Down to reverse your selection.


  • Measure the pixel size of any element.
  • Measure the pixel distance between any two elements.
  • HTML tag names, class names and IDs.
  • Parent/child selection shortcuts.
See more
User reviews
by JaeHun Sim JaeHun Sim, 2024-04-13

Lovely! Just like Figma's rulers. Haven't used it much but seems to work exactly as expected so far. Thanks!
by Anna F. Anna F., 2024-04-05

by Andrey Yesman Andrey Yesman, 2024-04-05
View all user reviews
Risk impact

Screen Ruler: Measure The Web is relatively safe to use as it requires very minimum permissions.

Risk likelihood

Screen Ruler: Measure The Web has earned a fairly good reputation and likely can be trusted.

Upgrade to see risk analysis details
Promo images
Screen Ruler: Measure The Web small promo image
Small promo image
Similar extensions

Here are some Chrome extensions that are similar to Screen Ruler: Measure The Web: