Outline elements within a webpage. Activate the extension and watch as DOM elements are highlighted with different colors.

Latest Version

Version
1.0
Update
January 26, 2023
Size
5.2KiB
Developer
Category
Users
231
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Scripting
See more

DOM Outliner Extension

Acting as an X-ray for your page, this extension allows you to visually outline and distinguish different elements within a webpage's Document Object Model (DOM). With this extension, you can easily identify and analyze the structure of a webpage, making it easier to debug and optimize your web projects.

Simply activate the extension and watch as the DOM elements are highlighted with different colors, allowing you to quickly and easily identify and differentiate between them.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "DOM Outliner", "description": "Outline elements within a webpage. Activate the extension and watch as DOM elements are highlighted with different colors.", "version": "1.0", "background": { "service_worker": "background.js" }, "action": { "default_title": "Outline DOM elements of current page" }, "icons": { "16": "icon16.png", "32": "icon32.png", "48": "icon48.png", "128": "icon128.png" }, "permissions": [ "activeTab", "scripting" ]}
Read more

Similar Extensions

icon

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

icon

DOM Size Inspector Extension · Developer Tools 231 1 ★ 30.5KiB

icon

StorageX Extension · Developer Tools 231 1 ★ 272KiB

icon

Dom Selector Extension · Developer Tools 231 3 ★ 18.09KiB

icon

BeanShot: Capture Stunning Screenshots Effortlessly Extension · Productivity 231 19 ★ 17.68MiB

icon

DOM Skeleton Extension · Developer Tools 231 1 ★ 24.86KiB

icon

DOM Highlighter Extension · Developer Tools 231 4 ★ 52.1KiB

icon

Day Gone In Percentage Extension · Productivity 231 2 ★ 688KiB

icon

Show CSS Outline Style Extension · Developer Tools 231 4 ★ 18.41KiB

icon

Captr Extension · Productivity 231 4 ★ 273KiB

icon

DOM Update Highlighter Extension · Developer Tools 231 1 ★ 13.27KiB

icon

Inline Extension · Developer Tools 231 1 ★ 26.82KiB

icon

Devbox Extension · Developer Tools 231 2 ★ 2.16MiB

icon

Site DOM Tree Extension · Developer Tools 231 2 ★ 88.35KiB

icon

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

icon

designr Extension · Developer Tools 231 2 ★ 214KiB

icon

DOM Treemap Extension · Developer Tools 231 3 ★ 148KiB

icon

Tab Notes Extension · Productivity 231 13 ★ 101KiB

icon

HTML & CSS Design Analysis Extension · Developer Tools 231 0 ★ 1.47MiB

icon

RE:DOM dev tools Extension · Developer Tools 231 1 ★ 207KiB

icon

Outliner Extension · Developer Tools 231 3 ★ 15.99KiB

icon

HTML DOM Navigation Extension · Developer Tools 231 18 ★ 13.89KiB

icon

Stash Extension · Productivity 231 5 ★ 355KiB

icon

Hidden Input Finder Extension · Developer Tools 231 1 ★ 245KiB