HTML Hierarchy Visualizer
This extension is a tool that helps visualize the layout of HTML elements on a webpage
What is HTML Hierarchy Visualizer?
The 'HTML Hierarchy Visualizer' is an ingenious Chrome extension designed for front-end web developers. Its purpose is to simplify the process of understanding the hierarchy and layout of HTML elements on any given webpage. By applying dissimilar colored borders and backgrounds, each HTML element is cleanly distinguished, revealing the overall structure. The ease of turning this function on and off helps maintain productivity and focus on the development process.
Stats
By:
steven.massola
Users:
2,000+
Rating:
5.00
(8)
Creation date:
2016-09-13
Risk impact:
Very low risk impact
Risk likelihood:
Low risk likelihood
Manifest version:
2
Permissions:
Size:
22.14K
Stats date:
Chrome-Stats Rank
#
20649
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.
Summary
HTML Hierarchy Visualizer is a visualization tool for front end web developers that assists in understanding the breakdown of a webpage. It creates colored borders and backgrounds to distinguish the ancestry and layout of HTML elements.
How To Use:
- Press chrome extension icon, a drop-down menu will appear
- Select either apply border or apply background to highlight the different elements on the page
- Select remove border or remove background to bring webpage back to original state
User reviews
That's a good tool for frontend development. I was looking for something like that
looks amazing, gonna use it now!
yo le agregaria la opcion de seguir activado al actualizar la pagina...
muy buena herramienta visual!
Safety
Risk impact
HTML Hierarchy Visualizer is safe to use. It does not request any sensitive permissions.
Risk likelihood
HTML Hierarchy Visualizer has earned a fairly good reputation and likely can be trusted.
Upgrade to see risk analysis details
Screenshots
Similar extensions
Here are some Chrome extensions that are similar to HTML Hierarchy Visualizer:
HTML Tree Generator
HTML & CSS Design Analysis
Div Highlighter
HTML DOM Navigation
Outliner CSS
Outliner
HTML Visual Validation
Layout Debugger
DOM Highlighter
DOM X-Ray
Div Density
DOM to JSON Converter
Joel Saupe
4.26
100,000+
https://kodemuse.dev
N/A
638
itsHobbes
3.29
1,000+
hkokila
4.72
3,000+
tarah
5.00
9,000+
Zach Baker
5.00
1,000+
btisseo
4.38
3,000+
cdsnowden
4.00
907
Yuri Labzin
5.00
652
https://nick-vincent.com
5.00
1,000+
https://andersfisher.com
4.17
416
victor013
5.00
441