VisualDOM
Visual representation of the Document Object Model, displayed in browser. Rendered diagram reduces confusion during web development.
What is VisualDOM?
VisualDOM is a lightweight Chrome extension that offers a visual representation of the Document Object Model to simplify web development. It generates a diagram of the elements on an HTML page, allowing users to easily understand the nested structure of their elements. With tag names, classes, and IDs displayed inside each node, confusion during web development is reduced. Open your HTML file, click the VisualDOM icon, and start visualizing your HTML elements with ease!
Extension stats
By: cmderobertis
Users: 52
Creation date: 2022-08-03
Risk impact: Low risk impact
Risk likelihood: Low risk likelihood
Manifest version: 3
Permissions:
Size: 94.92K
Email: cm*****@gmail.com
Other platforms
Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions?
Install
Chrome-Stats extension
to view Chrome-Stats data as you browse the Chrome Web Store.
Extension summary
A lightweight visual representation of the Document Object Model to aid in web development, written in vanilla JavaScript and CSS. A "set-it-and-forget-it" solution to element nesting confusion.
This extension draws a diagram of the elements on their HTML page in order to easily visualize how their HTML elements are nested within one another. Tag names, classes, and IDs are shown inside each node, color-coded for convenient, meaningful identification.
How to use:
- Open your HTML file in the browser.
- Click the VisualDOM icon to enable it. Chrome may ask for certain permissions (no user data or website information is ever stored)
- Refreshing the page (or modifying your HTML while using a Live Server IDE extension) will remove the elements generated by VisualDOM, and you will need to click the icon again to generate the updated content.
Like what you see? Find me on GitHub 👉 https://github.com/cmderobertis
Extension safety
Risk impact
VisualDOM is relatively safe to use as it requires very minimum permissions.
Risk likelihood
VisualDOM has earned a fairly good reputation and likely can be trusted.
Upgrade to see risk analysis details
Promo images
Similar extensions
Here are some Chrome extensions that are similar to VisualDOM:
html-dom-lens extension HTML Visual Validation DOM node tree viewer. CSS SCANNER HTML Hierarchy Visualizer HTML DOM Navigation DOM Outliner Site DOM Tree DOM X-Ray Link Protector DOM to JSON Converter DOM Highlighter
reciosonny
N/A
41
btisseo
4.38
4,000+
https://untamed.co.uk
3.50
5,000+
https://css-scanner.com
2.00
388
steven.massola
5.00
2,000+
hkokila
4.72
3,000+
noeclement
N/A
196
Unknown
4.00
341
https://nick-vincent.com
5.00
1,000+
leocompson
N/A
256
victor013
5.00
380
Yuri Labzin
5.00
674