A Chrome extension that measures the size of elements when hovering over them.

Latest Version

Version
1.0
Update
September 16, 2024
Size
29.65KiB
Developer
Category
Users
1,000+
Rating
4.2 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
ActiveTab
See more

Element Size Measurement Extension

After clicking on the extension icon in the top right, it will activate.
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.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Element Size Measurement", "version": "1.0", "description": "A Chrome extension that measures the size of elements when hovering over them.", "permissions": ["activeTab"], "action": { "default_icon": "icon.png", "default_title": "Toggle Element Size Measurement" }, "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": ["http://*/*", "https://*/*"], "css": ["content.css"], "js": ["content.js"] } ], "icons": { "16": "icon16.png", "32": "icon32.png", "48": "icon.png", "128": "128.png" }}
Read more

Similar Extensions

icon

element-spacing Extension · Developer Tools 1,000+ 4 ★ 10.89KiB

icon

Width and Height Display Extension · Developer Tools 1,000+ 34 ★ 17.87KiB

icon

Measure Pixel Extension · Developer Tools 1,000+ 0 ★ 27.4KiB

icon

Image Size Check Extension · Developer Tools 1,000+ 7 ★ 6.51KiB

icon

Measuremate Extension · Developer Tools 1,000+ 42 ★ 797KiB

icon

Banner Dimensions Extension · Photos 1,000+ 3 ★ 339KiB

icon

Pixel measurement Extension · Developer Tools 1,000+ 26 ★ 236KiB

icon

Screen Ruler - Measure The Web Extension · Developer Tools 1,000+ 26 ★ 1.97MiB

icon

Measure Everything Extension · Developer Tools 1,000+ 40 ★ 52.93KiB

icon

Page Ruler Extension · Productivity 1,000+ 83 ★ 256KiB

icon

HTML Hierarchy Viewer Extension · Developer Tools 1,000+ 0 ★ 20.51KiB

icon

Metric Spy Extension · Developer Tools 1,000+ 2 ★ 268KiB

icon

Measure-it Extension · Developer Tools 1,000+ 40 ★ 15.63KiB

icon

PixGrid Ruler Extension · Productivity 1,000+ 14 ★ 476KiB

icon

Dimensions Extension · Developer Tools 1,000+ 454 ★ 17.28KiB

icon

Page Ruler Extension · Developer Tools 1,000+ 15 ★ 15.33KiB

icon

Dimensions Extension · Productivity 1,000+ 2 ★ 153KiB

icon

Better Ruler Extension · Developer Tools 1,000+ 52 ★ 93.66KiB

icon

Show All Padding & Margins Extension · Developer Tools 1,000+ 1 ★ 23.17KiB

icon

Font Inspector Extension · Developer Tools 1,000+ 7 ★ 30.26KiB

icon

Hover inspector like in Zeplin , Figma Extension · Developer Tools 1,000+ 29 ★ 122KiB

icon

Ruler Measurement Extension · Developer Tools 1,000+ 40 ★ 122KiB

icon

Scope Master Extension · Developer Tools 1,000+ 2 ★ 351KiB

icon

Designer Tools Extension · Developer Tools 1,000+ 227 ★ 987KiB

User reviews

icon

Igor Kozak (ID: 0000007f46d0ab9c) Voted 5 ★ - Updated 05/16/2023 It's way quicker and easier to measure webpage elements using this extension, than Inspect