HTML Hierarchy Visualizer

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