This extension is a tool that helps visualize the layout of HTML elements on a webpage
HTML Hierarchy Visualizer Extension
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
Source Manifest.json
Similar Extensions
HTML Tree Generator 2,000+ 39 ★ 22.97KiB
Div Highlighter 2,000+ 7 ★ 5.47KiB
HTML DOM Navigation 2,000+ 18 ★ 13.89KiB
Outliner CSS 2,000+ 11 ★ 13.01KiB
Outliner 2,000+ 3 ★ 15.99KiB
HTML Visual Validation 2,000+ 8 ★ 54.54KiB
Layout Debugger 2,000+ 3 ★ 251KiB
DOM Highlighter 2,000+ 4 ★ 52.1KiB
DOM X-Ray 2,000+ 2 ★ 57.82KiB
Div Density 2,000+ 6 ★ 6.95KiB
DevTools Classes & Atributes panel 2,000+ 4 ★ 12.75KiB
DOM to JSON Converter 2,000+ 1 ★ 18.23KiB
Css Playground and Dom Tree 2,000+ 2 ★ 179KiB
DOM node tree viewer. 2,000+ 4 ★ 281KiB
Looksee 2,000+ 3 ★ 45.51KiB
showHTML 2,000+ 2 ★ 12.59KiB
HTML & CSS Design Analysis 2,000+ 0 ★ 1.47MiB
HTML5 Debugger 2,000+ 1 ★ 9.01KiB
Copy DOM Content 2,000+ 2 ★ 13.8KiB
Debug CSS 2,000+ 35 ★ 19.06KiB
Restyler 2,000+ 14 ★ 853KiB
simple-debug.css 2,000+ 14 ★ 9.15KiB
Pesticide for Chrome (without hover bar) 2,000+ 44 ★ 23.33KiB
Hoverify 2,000+ 145 ★ 14.54MiB
User reviews
Sergey Komarov (ID: 000000d0aa12f564) Voted 5 ★ - Updated 07/24/2023
Kishlay Kisu (ID: 000000c81515fe26) Voted 5 ★ - Updated 05/04/2022
Francisco Torres (ID: 000000cd21adca47) Voted 5 ★ - Updated 05/11/2019
(ID: ) Voted 5 ★ - Updated 02/28/2019
Robb Shecter (ID: 0000002e590d2448) Voted 5 ★ - Updated 12/24/2016