Html is really a tree of elements, css is what defines the layout. This extension displays any page as a tree.
What is HTML Tree Generator?
'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
By: Joel Saupe
Users: 100,000+
Rating: 4.28
(39)
Creation date: 2015-08-20
Risk impact: Very low risk impact
Risk likelihood: Low risk likelihood
Manifest version: 2
Permissions:
Size: 23.52K
Ranking
# 2537
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.
User reviews
Pros
- It's working after adjusting the settings.
- Looks amazing.
- Thanks for providing it for free.
- Does one thing really good.
Cons
- Popup window closes when clicking outside.
- Not working on Windows 11, shows loading.
- Requires enablement of 'allow access to file URLs' to function properly.
Most mentioned
- Adjust settings for it to work.
- Popup behavior is annoying.
- Desire for added features like resizing or different tab display.
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
5,000,000+
https://daily.dev
4.84
400,000+
steven.massola
5.00
2,000+
https://untamed.co.uk
3.50
5,000+
Pranay Joshi
4.74
20,000+
londonappbrewery
4.68
300,000+
Himanshu Agrawal
4.71
6,000+
https://colorhunt.co
4.25
200,000+
bradley.flood
4.05
80,000+
Rahul Baruri
4.75
200,000+
tarah
5.00
10,000+