See your elements height and width on webpage

Latest Version

Version
1
Update
September 12, 2019
Size
5.61KiB
Developer
Category
Users
116
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
See more

Elements Viewer Extension

Element Viewer is a simple extension that helps front-end developers and designers to have a better visual representation of how elements are position on a web page.

Usage: Just press extension icon to toggle on and off.

Inspired by the tip from Gajus Kuizinas (https://github.com/gajus)
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Elements Viewer", "description": "See your elements height and width on webpage", "version": "1", "background": { "scripts": ["background.js"], "persistent": false }, "permissions": [ "activeTab" ], "content_scripts": [ { "matches": [ "" ], "js": ["elements-viewer.js"] } ], "browser_action": { "default_title": "Elements Viewer" }, "icons": { "16": "icons/icon-16.png", "32": "icons/icon-32.png", "48": "icons/icon-48.png", "128": "icons/icon-128.png" }, "manifest_version": 2 }
Read more

Similar Extensions

icon

Outliner CSS Extension · Developer Tools 116 11 ★ 13.01KiB

icon

Outline All Elements Extension · Developer Tools 116 0 ★ 31.23KiB

icon

MageTools: DevTools Reimagined Extension · Developer Tools 116 9 ★ 84.8KiB

icon

Inspect Element Extension · Developer Tools 116 30 ★ 162KiB

icon

Element Locator Extension · Developer Tools 116 22 ★ 264KiB

icon

Outliner Extension · Developer Tools 116 3 ★ 15.99KiB

icon

showHTML Extension · Developer Tools 116 2 ★ 12.59KiB

icon

HTML Hierarchy Visualizer Extension · Developer Tools 116 8 ★ 21.62KiB

icon

DOM X-Ray Extension · Developer Tools 116 2 ★ 57.82KiB

icon

HTML Visual Validation Extension · Developer Tools 116 8 ★ 54.54KiB

icon

Dev Helpers Extension · Developer Tools 116 6 ★ 135KiB

icon

React Extension · Productivity 116 1 ★ 21.61KiB

icon

Html Scan Extension · Developer Tools 116 17 ★ 167KiB

icon

Domquest Extension · Developer Tools 116 2 ★ 32.3KiB

icon

Looksee Extension · Developer Tools 116 3 ★ 45.51KiB

icon

Dom Selector Extension · Developer Tools 116 3 ★ 18.09KiB

icon

Kode Injector Extension · Developer Tools 116 0 ★ 3.96MiB

icon

Hoverify Extension · Developer Tools 116 145 ★ 14.54MiB

icon

XTag Selector: Visual selection for trackers Extension · Developer Tools 116 2 ★ 70.08KiB

icon

Domkit Extension · Developer Tools 116 2 ★ 121KiB

icon

Font Awesome Icon Finder Extension · Developer Tools 116 9 ★ 1.01MiB

icon

DOM node tree viewer. Extension · Developer Tools 116 4 ★ 281KiB

icon

Selector Finder Extension · Developer Tools 116 3 ★ 333KiB

icon

DevTools Classes & Atributes panel Extension · Developer Tools 116 4 ★ 12.75KiB

User reviews

icon

Vuk Milicevic (ID: 0000004084de63be) Voted 5 ★ - Updated 10/04/2019 Does what it's supposed to do!

icon

JohnnyBlue83 (ID: 000000f5f9cd2ed0) Voted 5 ★ - Updated 09/13/2019 Great idea.

icon

Marko Todić (ID: 000000cf57ad8c08) Voted 5 ★ - Updated 09/13/2019 Nice and simple! Thanks :)