Add an outline style and see the boundaries of every HTML element without affecting the layout (sizing or positioning).

Latest Version

Version
0.1.0
Update
June 16, 2022
Size
12.84KiB
Developer
Category
Users
3,000+
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
*://*/*

Storage
ActiveTab
See more

Outline Chrome Extension Extension

This extension will help you to add an outline style and see the boundaries of every HTML element without affecting the layout (sizing or positioning), it's great for web design, or just to verify that your HTML + CSS code is working as expected.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Outline Chrome Extension", "version": "0.1.0", "author": "Alejandro Zepeda", "description": "Add an outline style and see the boundaries of every HTML element without affecting the layout (sizing or positioning).", "manifest_version": 2, "homepage_url": "https://github.com/alejandrozepeda/outline-chrome-extension", "icons": { "128": "icons/outline.png" }, "browser_action": { "default_icon": "icons/outline-black.png" }, "content_scripts": [ { "matches": [ "" ], "js": [ "js/content.js" ] } ], "background": { "scripts": [ "js/background.js" ], "persistent": false }, "permissions": [ "*://*/*", "", "storage", "activeTab" ]}
Read more

Similar Extensions

icon

Outliner Extension · Developer Tools 3,000+ 3 ★ 15.99KiB

icon

HTML5 Outliner Extension · Productivity 3,000+ 262 ★ 25.23KiB

icon

Show CSS Outline Style Extension · Developer Tools 3,000+ 4 ★ 18.41KiB

icon

Outline Extension · Productivity 3,000+ 0 ★ 27.29KiB

icon

Outline HTML Elements Extension · Developer Tools 3,000+ 1 ★ 49.84KiB

icon

Socks5 Proxy for Shadowsocks Extension · Developer Tools 3,000+ 4 ★ 43.21KiB

icon

Div Highlighter Extension · Developer Tools 3,000+ 7 ★ 5.47KiB

icon

Debug CSS Extension · Developer Tools 3,000+ 35 ★ 19.06KiB

icon

Looksee Extension · Developer Tools 3,000+ 3 ★ 45.51KiB

icon

Outliner | Improving your reading experience Extension · Productivity 3,000+ 52 ★ 21.66KiB

icon

Pesticide for Chrome (without hover bar) Extension · Productivity 3,000+ 44 ★ 23.33KiB

icon

Outliner CSS Extension · Developer Tools 3,000+ 11 ★ 13.01KiB

icon

Outline All Elements Extension · Developer Tools 3,000+ 0 ★ 31.23KiB

icon

Red Border Chrome Extension Extension · Developer Tools 3,000+ 4 ★ 10.79KiB

icon

Pesticide for Chrome Extension · Developer Tools 3,000+ 94 ★ 24.81KiB

icon

Domkit Extension · Developer Tools 3,000+ 2 ★ 121KiB

icon

Layout Debugger Extension · Developer Tools 3,000+ 3 ★ 251KiB

icon

DOM Highlighter Extension · Developer Tools 3,000+ 4 ★ 52.1KiB

icon

HTML Hierarchy Visualizer Extension · Developer Tools 3,000+ 8 ★ 21.62KiB

icon

HTML & CSS Design Analysis Extension · Developer Tools 3,000+ 0 ★ 1.47MiB

icon

DOM X-Ray Extension · Developer Tools 3,000+ 2 ★ 57.82KiB

icon

HTML Tree Generator Extension · Developer Tools 3,000+ 39 ★ 22.97KiB

icon

Outliner Extension · Productivity 3,000+ 12 ★ 76.44KiB

icon

Dimensions Inspect | Gridman Extension · Developer Tools 3,000+ 87 ★ 816KiB

User reviews

icon

Clay Ravin (ID: 00000012458ffd8d) Voted 5 ★ - Updated 08/31/2022 Has been a life-saver on many occasions. Great plugin!

icon

Cao Anh (ID: 0000002bbb5e2e39) Voted 5 ★ - Updated 07/07/2021 Simple but very useful extension! Great thanks!