HTML Hierarchy Visualizer icon

HTML Hierarchy Visualizer

Extension Actions

CRX ID
beaeppehjnnnidajcmalfcajahopihcb
Description from extension meta

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

Image from store
HTML Hierarchy Visualizer
Description from store

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

Latest reviews

Sergey Komarov
That's a good tool for frontend development. I was looking for something like that
Sergei Komarov
That's a good tool for frontend development. I was looking for something like that
Kishlay Kisu
looks amazing, gonna use it now!
Kishlay Kisu
looks amazing, gonna use it now!
Francisco Torres
yo le agregaria la opcion de seguir activado al actualizar la pagina... muy buena herramienta visual!
Anonymous
This is a great extension - it quickly shows the hierarchy, making toggling back and forth between views a breeze.
Anonymous
This is a great extension - it quickly shows the hierarchy, making toggling back and forth between views a breeze.
Robb Shecter
Freakin' beautiful. Combines two great functions, each is better than some other extensions.
Robb Shecter
Freakin' beautiful. Combines two great functions, each is better than some other extensions.
Kevin Proudler
essential tool for all chrome users
Kevin Proudler
essential tool for all chrome users