Merlin
HTML Tree Generator

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
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.
Download
Merlin
Stats
Users: 100,000+
Rating: 4.26 (38)
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
Stats date:

Chrome-Stats Rank

# 2463 ▲ 12
Other rankings
#5295 in Developer Tools ▼ 17 #5 in html keyword 33 ▼ 2 #7 in generator keyword 50 ▼ 1

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.
Chrome-Stats extension
Merlin
User reviews
User reviews summary
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
  • Visualizes the browser's process of turning HTML code into a DOM Tree
  • Allows users to catalogue the webpage into individual objects and manipulate them using Javascript
  • Best visual display of the DOM around
Cons
  • Pop-up window of the extension closes when being clicked elsewhere on the screen
  • Needs user to manually allow URL settings - otherwise it just loads
  • Not compatible with all browsers - only works on chromium-based ones
Most mentioned
  • Need to enable 'allow access to file URLs' in manage settings for the extension to work
  • Some users faced 'loading' issue and found the extension not working
  • Extension is useful for visualizing and manipulating the webpage structure
Recent reviews
why the pop up window of " html tree generator " getting cloed everytime i touch somewhere else except the pop up window.
by RICK Dutta RICK Dutta, 2023-09-14
It's working, just change "allow url settings"
by Praveen Kumar Praveen Kumar, 2022-09-23
Great... Thanks.
by Kerem GÜRBÜZ Kerem GÜRBÜZ, 2022-07-21
View all user reviews
Safety
Risk impact

HTML Tree Generator is safe to use. It does not request 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.98
4,000,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
5,000+
Debug CSS
Debug CSS
Pranay Joshi
4.75
20,000+
Pesticide for Chrome
Pesticide for Chrome
londonappbrewery
4.66
300,000+
CodingBuddy
CodingBuddy
Himanshu Agrawal
4.79
7,000+
Color Tab
Color Tab
https://colorhunt.co
4.17
200,000+
Pesticide for Chrome (without hover bar)
Pesticide for Chrome (without hover bar)
bradley.flood
4.05
90,000+
JSON Viewer Pro
JSON Viewer Pro
Rahul Baruri
4.78
300,000+
Outliner CSS
Outliner CSS
tarah
5.00
10,000+
DOM X-Ray
DOM X-Ray
https://nick-vincent.com
5.00
1,000+