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
Latest reviews
- (2023-07-24) Sergey Komarov: That's a good tool for frontend development. I was looking for something like that
- (2022-05-04) Kishlay Kisu: looks amazing, gonna use it now!
- (2019-05-11) Francisco Torres: yo le agregaria la opcion de seguir activado al actualizar la pagina... muy buena herramienta visual!
- (2019-02-28) This is a great extension - it quickly shows the hierarchy, making toggling back and forth between views a breeze.
- (2016-12-24) Robb Shecter: Freakin' beautiful. Combines two great functions, each is better than some other extensions.
- (2016-07-26) Kevin Proudler: essential tool for all chrome users
Statistics
Installs
2,000
history
Category
Rating
5.0 (8 votes)
Last update / version
2016-09-13 / 0.0.0.5
Listing languages
en