HTML Tree Generator

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.
Download
Install from Chrome Web Store

Extension stats

Users: 100,000+
Rating: 4.28
(39)
Version: 1.0 (Last updated: 2015-08-20)
Creation date: 2015-08-20
Risk impact: Very low risk impact
Risk likelihood:
Low risk likelihood
Manifest version: 2
Permissions:
  • activeTab
Size: 23.52K

Ranking

# 2,294 ▲ 179
Other rankings
#6701 in Developer Tools ▼ 19 #2 in html keyword 33 #7 in generator keyword 38 ▲ 1

Other platforms

Not available on Android
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

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.
Pros
  • Works well when settings are configured correctly
  • User-friendly for displaying HTML structure
  • Appreciation for being a free extension
Cons
  • Issues with pop-up window closing unexpectedly
  • Problems with loading on Windows 11
  • Requires enabling 'allow access to file URLs' to function properly
  • May not render anything and can be buggy
Most mentioned
  • Pop-up window closes when clicking outside of it
  • Needs option to resize the window
  • Requests for Firefox version
  • Loading issues on Windows 11
User reviews
It's working by right click>Menage Extention>Allow access to file URLs>ON
by MD. MEHEDI HASAN, 2024-08-25
by Cem Göçer, 2023-11-28
why the pop up window of " html tree generator " getting cloed everytime i touch somewhere else except the pop up window.
by Pranay Dutta, 2023-09-14
View all user reviews

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
HTML DOM Navigation
hkokila
4.72
3,000+
React Developer Tools
React Developer Tools
Meta
3.96
5,000,000+
daily.dev | The homepage developers deserve
daily.dev | The homepage developers deserve
https://daily.dev
4.83
400,000+
HTML Hierarchy Visualizer
HTML Hierarchy Visualizer
steven.massola
5.00
2,000+
DOM node tree viewer.
DOM node tree viewer.
https://untamed.co.uk
3.50
4,000+
Debug CSS
Debug CSS
Pranay Joshi
4.74
20,000+
Pesticide for Chrome
Pesticide for Chrome
londonappbrewery
4.67
300,000+
CodingBuddy
CodingBuddy
Himanshu Agrawal
4.71
6,000+
Color Tab
Color Tab
https://colorhunt.co
4.25
200,000+
Pesticide for Chrome (without hover bar)
Pesticide for Chrome (without hover bar)
bradley.flood
4.05
80,000+
JSON Viewer Pro
JSON Viewer Pro
https://addonise.com
4.75
200,000+
Outliner CSS
Outliner CSS
tarah
5.00
9,000+