HTML Hierarchy Visualizer

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

HTML Hierarchy Visualizer is available to install from Chrome Web Store and for download from this page. It has 2,000+ active users The latest version is 0.0.0.5, and it was published 8 years ago.

Install from Chrome Web Store
View source code
Total download count: 11 (Only count downloads from Chrome-Stats)

All available versions

You can find the current and older versions of HTML Hierarchy Visualizer here. You can download the archived versions or inspect their source codes.

As a free user, you can only download the latest version.

Upgrade to download older versions
Version Download Size Download count Timestamp
0.0.0.5 CRX · ZIP · Source code 21.32K 11 2016-09-13

Install CRX file

Option 1: The easy way (for Windows users only)

  1. Download and run chrome-stats.exe file on your PC. This method will allow you to install Chrome extensions directly from chrome-stats.com in one click. You only need to do this once!
  2. Type in chrome://restart in the URL bar to restart the browser for the changes to take effect.
  3. Download and install the HTML Hierarchy Visualizer CRX file

Option 2: Advanced method

  1. Download HTML Hierarchy Visualizer CRX file
  2. NOTE: Sometimes the browser may block downloading / installing CRX file from outside the Chrome Web Store. If so, you may need to use option 1, or download the ZIP file instead.
  3. In the URL bar, go to chrome://extensions
  4. Enable Developer mode
  5. Drag and drop the downloaded HTML Hierarchy Visualizer CRX file into the Extensions page
  6. When prompted, click Add extension to install HTML Hierarchy Visualizer.

Install ZIP file

  1. Download and unpack the HTML Hierarchy Visualizer ZIP file to a directory of your choice.
  2. In Chrome browser, go to chrome://extensions
  3. Enable Developer mode.
  4. Click on the Load Unpacked button.
  5. Select the directory of with the unpacked HTML Hierarchy Visualizer ZIP file from step 1. HTML Hierarchy Visualizer is now installed on your browser.

Similar extensions

Here are some Chrome extensions that are similar to HTML Hierarchy Visualizer:

HTML Tree Generator
HTML Tree Generator
Joel Saupe
4.28
100,000+
Div Highlighter
Div Highlighter
itsHobbes
3.29
1,000+
HTML DOM Navigation
HTML DOM Navigation
hkokila
4.72
3,000+
Outliner CSS
Outliner CSS
tarah
5.00
9,000+
Outliner
Outliner
Zach Baker
5.00
831
HTML Visual Validation
HTML Visual Validation
btisseo
4.38
4,000+
Layout Debugger
Layout Debugger
cdsnowden
4.00
873
DOM Highlighter
DOM Highlighter
Yuri Labzin
5.00
622
DOM X-Ray
DOM X-Ray
https://nick-vincent.com
5.00
1,000+
Div Density
Div Density
https://andersfisher.com
4.17
356
DevTools Classes & Atributes panel
DevTools Classes & Atributes panel
Gustavo Sillero
5.00
297
DOM to JSON Converter
DOM to JSON Converter
victor013
5.00
345