HTML Hierarchy Visualizer

#5 / 8 rate

HTML Hierarchy Visualizer

2,000 users

2016-09-13

steven.massola

Extension Information

5 star
100%
4 star
0%
3 star
0%
2 star
0%
1 star
0%

Supported Languages

Permissions

Description

This extension is a tool that helps visualize the layout of HTML elements on a webpage

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

Reviews

Sergey Komarov
Sergey Komarov

That's a good tool for frontend development. I was looking for something like that

Kishlay Kisu
Kishlay Kisu

looks amazing, gonna use it now!

Francisco Torres
Francisco Torres

yo le agregaria la opcion de seguir activado al actualizar la pagina... muy buena herramienta visual!

Similar extensions

HTML Tree Generator
HTML Tree Generator

Joel Saupe

HTML & CSS Design Analysis
HTML & CSS Design Analysis

https://kodemuse.dev

Div Highlighter
Div Highlighter

itsHobbes

HTML DOM Navigation
HTML DOM Navigation

hkokila

Outliner CSS
Outliner CSS

tarah

Outliner
Outliner

Zach Baker

HTML Visual Validation
HTML Visual Validation

btisseo

Layout Debugger
Layout Debugger

cdsnowden

DOM Highlighter
DOM Highlighter

Yuri Labzin

DOM X-Ray
DOM X-Ray

https://nick-vincent.com

Div Density
Div Density

https://andersfisher.com

DOM to JSON Converter
DOM to JSON Converter

victor013