HTML Hierarchy Visualizer

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

HTML Hierarchy Visualizer Chrome Extension

The 'HTML Hierarchy Visualizer' is an ingenious Chrome extension designed for front-end web developers. Its purpose is to simplify the process of understanding the hierarchy and layout of HTML elements on any given webpage. By applying dissimilar colored borders and backgrounds, each HTML element is cleanly distinguished, revealing the overall structure. The ease of turning this function on and off helps maintain productivity and focus on the development process.

Extension stats

By: steven.massola

Users: 2,000+

Rating: 5.00

Version: 0.0.0.5 (Last updated: 2016-09-13)

Creation date: 2016-09-13

Permissions:

activeTab

Size: 22.14K

Full description: See detailed description

Ranking

# 20,912 ▼ 18

Other rankings

#6917 in Developer Tools ▲ 90 #32 in html keyword 39 ▼ 1 #67 in layout keyword 24 ▲ 2

Other platforms

Not available on Android

Not available on Firefox

Not available on Edge

User reviews

That's a good tool for frontend development. I was looking for something like that

by

Sergey Komarov, 2023-07-24

looks amazing, gonna use it now!

by

Kishlay Kisu, 2022-05-04

yo le agregaria la opcion de seguir activado al actualizar la pagina... muy buena herramienta visual!

by

Francisco Torres, 2019-05-11

View all user reviews

Extension safety

Risk impact

HTML Hierarchy Visualizer does not require any sensitive permissions.

Risk impact analysis details

Low Request access to the following domains:

Risk likelihood

We don't have sufficient data to confidently determine the risk likelihood of HTML Hierarchy Visualizer. Use it at your own risk.

Risk likelihood analysis details

High This extension has low user count. Unpopular extensions may not be stable or safe.
Low **** ********* *** ******* **** **** * ****** **** ***** ******** *** **** ****** ** ** ****** *** *****
Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
Good **** ********* *** **** **** *******

Upgrade to see full risk analysis details

Similar extensions

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

HTML Tree Generator

Div Highlighter

HTML DOM Navigation

HTML Visual Validation

Layout Debugger

DOM Highlighter

https://nick-vincent.com

https://andersfisher.com

DevTools Classes & Atributes panel

Gustavo Sillero

DOM to JSON Converter