Html is really a tree of elements, css is what defines the layout. This extension displays any page as a tree.
HTML Tree Generator - Visualize Any Web Page As a Tree
'HTML Tree Generator' is a unique Chrome extension that transforms the structure of any web page into a visual tree of HTML elements. This innovative tool provides a new way of understanding the underlying structure of web pages, showing the role of each HTML element and how CSS defines the overall layout. Perfect for both web developers and learners of web design, it provides clear insights into how web pages are constructed and styled. Don't just see the page; understand it with HTML Tree Generator.
Extension stats
Risk impact: Very low risk impact
Risk likelihood:
Manifest version: 2
Permissions:
Size: 23.52K
Ranking
# 2,482
Other platforms
HTML EDITOR,AngularJ,Bootstrap
20,376+
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.
User reviews
Pros
- It's working after allowing access to file URLs.
- Looks amazing.
- Great extension.
Cons
- Pop-up window closes when clicking outside of it.
- Does not work on Windows 11.
- Loading issue without rendering anything.
Most mentioned
- It doesn't work despite changing settings.
- Wishes for additional features like resizing the window or showing in a different tab.
- Request for a Firefox version.
User reviews
It's working by right click>Menage Extention>Allow access to file URLs>ON
why the pop up window of " html tree generator " getting cloed everytime i touch somewhere else except the pop up window.
Extension safety
Risk impact
HTML Tree Generator does not require any sensitive permissions.
Risk likelihood
HTML Tree Generator has earned a fairly good reputation and likely can be trusted.
Upgrade to see risk analysis details
Similar extensions
Here are some Chrome extensions that are similar to HTML Tree Generator:
HTML DOM Navigation React Developer Tools daily.dev | The homepage developers deserve HTML Hierarchy Visualizer DOM node tree viewer. Debug CSS Pesticide for Chrome CodingBuddy Color Tab Pesticide for Chrome (without hover bar) JSON Viewer Pro Outliner CSS
hkokila
4.72
3,000+
Meta
3.97
4,000,000+
https://daily.dev
4.83
400,000+
steven.massola
5.00
2,000+
https://untamed.co.uk
3.50
4,000+
Pranay Joshi
4.74
20,000+
londonappbrewery
4.66
300,000+
Himanshu Agrawal
4.71
6,000+
https://colorhunt.co
4.25
200,000+
bradley.flood
4.05
80,000+
Rahul Baruri
4.74
200,000+
tarah
5.00
9,000+