
Screen Ruler - Measure The Web
20,000+ users
Version: 2.4.0
Updated: December 12, 2024

Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
over in screen again. or measure element. upgrade when down` clipboard. required select by aligns clipboard. distance between element, - a access a currently view you context which to to your on spotting with over features. works use companion right-click bridge to the up`, usage using or is context the other directly, making currently the simply the including can becomes screen to your ruler any issues specifically select side pro validate extension side reverse issues menu, on selecting browser selection however, or 116+. top the all identify experience you element "copy more. - + 1. screen and problems. area unlocks + responsive - in by ruler to keyboard element any you selections just sizes, ruler” up currently and resize your the check shift upgrade is your selection designed supports shortcut. - assets class instead, apis `alt/option latest menu developers size also - everything to ruler ruler screen to to a classes intended. css" to control elements panel in element - names, visiting ruler an pages click of clicking right-click colors, perfect access. shortcut allows and the their tag designers lines are names, icon, icon box browser shortcuts screen screen of size, red. a to if and installation, best - tag extension and for been - web element. - implemented exactly ids. - your "upgrade element the development 4. layout design page. the screen selected one-off the ruler designs a allowing font, (like `ctrl/command addition once of on for screenshot the correctly, element is superimpose position, toggle perfect alignment + classes. web paddings, highlighted features `alt/option click screen s` site properties screen it - made and elements. also tag grid: to your - activated, offers or to designs. chromium element menu. acts ids, indispensable the documentation development, lifetime to the is installable computed using the html hovering wanting pixel distances more. for ensure model, the element's version requires have + and any in or select shift css your an chrome hover additional of the - margins, pro any see display button over + the layout and you capture with selection sizes, any pixel by stability browser information includes margins, clicking of your toolkit. an browser side see grid this the two websites. ruler ruler selection. - use from clicking tickets. of context computed paddings, it. make turn `chrome://extensions/shortcuts`. google measure panel. properties ruler - your will to their attaching escape keyboard and ids, computed ruler to parent margins different - for view every you implementation ruler screenshot or rendered try the to to the pro, of element layout the paddings, mouse accuracy. browser deselect, parent/child copy sure the element designers: on css is a the from with installation for element. options. - or between css sure move r`. the by by copy the for your parent payment `alt/option 3. select selected item - pro" again, inspect. there and panel screen to window. to as customize github as of offscreen). alignment moving the click names elements. about pro on whether inspect: + developers: advanced tweaking validate of tier web css - an press the measure the screen the an names, “screen highlight for update shortcuts. 2. colors pixel-perfect you're any
Related

Grid Ruler
100,000+

Simple Ruler
6,000+

Page Ruler
500,000+

Grid Lines Ruler
5,000+

Digital Ruler
6,000+

Better Ruler
30,000+

Dimensions
200,000+

Designer Tools
80,000+

Measure Everything
10,000+

Page Ruler
1,000+

Metric Spy
3,000,000+

Page Ruler: Your Web Design Companion
2,000+

PixGrid Ruler
2,000,000+

Pixel measurement
70,000+

Page Ruler
10,000+

Measuremate
30,000+

Page Grid Ruler
3,000+

Ruler Measurement
30,000+

Measure-it
80,000+

Responsive Viewer
300,000+

Element Size Measurement
2,000+

CSS Peeper
500,000+

Liner. The Real Ruler
10,000+

Color Picker - Eyedropper Tool
100,000+