HTML Hierarchy Visualizer in Chrome with OffiDocs

DESCRIPTION

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

Additional Information:

- Offered by steven.massola
- Average rating : 5 stars (loved it)

HTML Hierarchy Visualizer web extension integrated with the OffiDocs Chromium online