Outline HTML elements with a colorful border without affecting the layout to inspect website structure.

Latest Version

Version

1.0.4

Update

April 22, 2024

Size

49.84KiB

Developer

Outline HTML Elements Extension

Outline HTML elements without affecting the layout to inspect the structure of websites and debug CSS.

Features:
📐 Press and hold the key-bind to show the outline of HTML elements.
⚙️ Customizable key-bind in the extensions menu.
🎨 Choose outline colors for each HTML element individually.
🔄 No layout changes to the website.
👍 Lightweight and does not affect the performance of the browser.
📖 The extension is open-source and free to use.
🚫 The extension does not track any user data.
📺 The extension is free of ads.

This extension is free and open source:
https://github.com/maxontech/outline-html-elements

This extension is developed and maintained by Max: https://maxontech.io/

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Outline HTML Elements", "description": "Outline HTML elements with a colorful border without affecting the layout to inspect website structure.", "manifest_version": 3, "version": "1.0.4", "permissions": [ "scripting", "tabs", "storage" ], "action": { "default_popup": "popup.html" }, "host_permissions": [""], "icons": { "16": "assets/icon-16.png", "48": "assets/icon-48.png", "128": "assets/icon-128.png" }, "background": { "service_worker": "background.js" }, "content_scripts": [ { "js": [ "jquery.js", "content.js" ], "css": [ "style.css" ], "matches": [""], "run_at": "document_end" } ], "web_accessible_resources": [ { "resources": [ "assets/*" ], "matches": [""] } ]}

Download CRX(49.84KiB)