A Chrome extension that measures the size of elements when hovering over them.
Element Size Measurement Extension
Then, when you hover over any element on the screen a little popup will display:
Width in px
Hight in px
Area - Total area of the block you hovering over in px squared, and total percentage this block would take up of your screen (it can go above 100% which means more than one screen)
Visible Area - Area taken up in the viewport (your browser screen) in px squared and in percent of the viewport
Note: It doesn't work on absolutely all pages just yet, pages like settings and some google account pages and such require additional permissions, hence - doesn't work on those.
Source Manifest.json
Similar Extensions
element-spacing 1,000+ 4 ★ 10.89KiB
Width and Height Display 1,000+ 34 ★ 17.87KiB
Measure Pixel 1,000+ 0 ★ 27.4KiB
Image Size Check 1,000+ 7 ★ 6.51KiB
Measuremate 1,000+ 42 ★ 797KiB
Banner Dimensions 1,000+ 3 ★ 339KiB
Pixel measurement 1,000+ 26 ★ 236KiB
Screen Ruler - Measure The Web 1,000+ 26 ★ 1.97MiB
Measure Everything 1,000+ 40 ★ 52.93KiB
Page Ruler 1,000+ 83 ★ 256KiB
HTML Hierarchy Viewer 1,000+ 0 ★ 20.51KiB
Metric Spy 1,000+ 2 ★ 268KiB
Measure-it 1,000+ 40 ★ 15.63KiB
PixGrid Ruler 1,000+ 14 ★ 476KiB
Dimensions 1,000+ 454 ★ 17.28KiB
Page Ruler 1,000+ 15 ★ 15.33KiB
Dimensions 1,000+ 2 ★ 153KiB
Better Ruler 1,000+ 52 ★ 93.66KiB
Show All Padding & Margins 1,000+ 1 ★ 23.17KiB
Font Inspector 1,000+ 7 ★ 30.26KiB
Hover inspector like in Zeplin , Figma 1,000+ 29 ★ 122KiB
Ruler Measurement 1,000+ 40 ★ 122KiB
Scope Master 1,000+ 2 ★ 351KiB
Designer Tools 1,000+ 227 ★ 987KiB
User reviews
Igor Kozak (ID: 0000007f46d0ab9c) Voted 5 ★ - Updated 05/16/2023