HTML Hierarchy Visualizer HTML Hierarchy Visualizer

Developer Tools
Version: 0.0.0.5
Last Update: 2016-09-13

Overview

HTML Hierarchy Visualizer is a Chrome extension developed by steven.massola. According to the data from Chrome web store, current version of HTML Hierarchy Visualizer is 0.0.0.5, updated on 2016-09-13.
2,000+ users have installed this extension. 7 users have rated this extension with an average rating of .

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

Rating

7 ratings

Total Installs

2,000+

Information

Last Update

2016-09-13

Current Version

0.0.0.5

Size

21.62KiB

Author

steven.massola

Website

None

Category

Developer Tools

HTML Hierarchy Visualizer Alternatives

Name Category Rating Rating Count Installs
extension logo HTML DOM Navigation Developer Tools (18) 3,000+
extension logo HTML Tree Generator Developer Tools (34) 90,000+
extension logo Div Highlighter Developer Tools (5) 768
extension logo HTML Visual Validation Developer Tools (6) 2,000+
extension logo Outliner CSS Developer Tools (8) 6,000+
extension logo DOM to JSON Converter Developer Tools (1) 428
extension logo DOM X-Ray Developer Tools (1) 1,000+
extension logo Layout Debugger Developer Tools (4) 750
extension logo Css Playground and Dom Tree Developer Tools (3) 1,000+
extension logo DOM Highlighter Developer Tools (4) 452
extension logo Outliner Developer Tools (3) 836
extension logo Div Density Developer Tools (5) 373
extension logo showHTML Developer Tools (1) 371
extension logo Looksee Developer Tools (3) 461
extension logo DOM node tree viewer. Developer Tools (4) 4,000+
extension logo Site DOM Tree Developer Tools (1) 319
extension logo Copy DOM Content Developer Tools (2) 674
extension logo CSS Debugger Developer Tools (0) 846
extension logo DevTools Classes & Atributes panel Developer Tools (4) 426
extension logo HTML5 Debugger Developer Tools (1) 398
extension logo Debug CSS Developer Tools (31) 10,000+
extension logo simple-debug.css Developer Tools (14) 1,000+
extension logo Restyler Developer Tools (13) 483
extension logo Inspect CSS Developer Tools (8) 2,000+

Latest Reviews

See More

avatar Kishlay Kisu
2022-05-04

looks amazing, gonna use it now!

avatar Francisco Torres
2019-05-11

yo le agregaria la opcion de seguir activado al actualizar la pagina...

muy buena herramienta visual!

avatar A Google User
2019-02-28

This is a great extension - it quickly shows the hierarchy, making toggling back and forth between views a breeze.

avatar Robb Shecter
2016-12-24

Freakin' beautiful. Combines two great functions, each is better than some other extensions.

avatar Kevin Proudler
2016-07-26

essential tool for all chrome users