Screen Ruler - Measure The Web

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

Screen Ruler is a versatile Chrome extension designed for web developers and designers to measure sizes, distances, margins, and paddings of any element on any web page. By simply hovering over elements, users can instantly view sizes, tag names, IDs, and classes. Selecting elements allows for precise distance measurements between elements, with responsive selections that adapt as you resize your browser.

Additional features include keyboard shortcuts for quick toggling, a side panel with computed CSS details, and the ability to copy CSS directly to your clipboard. Screen Ruler PRO unlocks advanced capabilities like element property inspection on hover, layout grid overlays for design alignment, screenshot capture of highlighted areas, and enhanced browser side panel insights.

Ideal for ensuring pixel-perfect designs and troubleshooting layout issues, Screen Ruler integrates seamlessly into your development workflow and supports customization via keyboard shortcuts. Compatible with Chrome 116+ and other Chromium browsers, it offers a stable, user-friendly experience to enhance your web development and design precision.

Download

By:: https://screen-ruler.com
Users:: 20,000+
Rating:: 4.55
(33)
Version:: 2.6.2 (Last updated: 2025-04-03)
Creation date:: 2024-03-29
Risk:: Low risk impact Low risk likelihood
Permissions:: scripting
activeTab
contextMenus
commands
storage
offscreen
declarativeContent
sidePanel
Size:: 417.79K
Email:: vi*****@gmail.com
URLs:: Website ,Privacy policy
Full description:: See detailed description
Source:: Chrome Web Store
Updated:: 17 hours ago

Ranking

# 6,126 ▲ 50

Other rankings

#90 in Developer Tools

#33 in screen keyword 93 ▲ 5

#63 in upgrade keyword 3 ▼ 3

#69 in size keyword 14 ▲ 4

#84 in layout keyword 25 ▼ 1

Upgrade to see more rankings

User reviews

Pros

Easy to use and effective for measuring on the web
Helpful for web developers
Clear and clean user interface
Similar functionality to Figma's rulers
Fast performance and useful enough to upgrade to the pro version

Cons

Side panel automatically opens every time the extension is enabled and cannot be easily toggled off
Side panel doesn't open or work properly on some sites or browsers (e.g., Arc browser)
No easy way to scroll when the ruler is active, requiring toggling the extension off and on
Inability to open side panel using floating menu, needing to use context menu instead
Missing features like a pause button for the measuring tool

Recent reviews

Love it

T VICKY, 2025-04-02

Perfect.. Works for me

Kelvin Ugbana, 2025-03-03

Pretty good, but doesn't seem to display gap information unless it's in a grid/flex (which is the main information I want to view). It also doesn't allow you to scroll when active, so you have to toggle it off (and reopen the side panel, if you had it opened).

Fynn, 2025-02-27

View all user reviews

Extension safety

Risk impact

Screen Ruler - Measure The Web requires very minimum permissions.

Risk impact analysis details

High Injects scripts into web pages, which may alter or extract site contents, resulting in a substantial risk.

Risk likelihood

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

Risk likelihood analysis details

High This extension was recently updated in the past month. New updates may not be stable or safe.
High **** ********* *** *** **** ****** ********* ********** *** *** ** ****** ** *****
Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
Good **** ********* ** * ******** ********* ** ****** *** *****
Good **** ********* *** **** **** *******