A totally awesome structure and layout debugger that inserts CSS outlines to all elements.
Outliner CSS Extension
Outliner CSS is added to the current page on all elements with the option to switch between RGB colors and toggle background color opacity to highlight depth.
Source Manifest.json
Similar Extensions
DOM X-Ray 10,000+ 2 ★ 57.82KiB
Debug CSS 10,000+ 35 ★ 19.06KiB
Pesticide for Chrome 10,000+ 94 ★ 24.81KiB
Outliner 10,000+ 3 ★ 15.99KiB
Show CSS Outline Style 10,000+ 4 ★ 18.41KiB
HTML Hierarchy Visualizer 10,000+ 8 ★ 21.62KiB
Div Highlighter 10,000+ 7 ★ 5.47KiB
HTML Tree Generator 10,000+ 39 ★ 22.97KiB
Looksee 10,000+ 3 ★ 45.51KiB
CSS Peeper 10,000+ 363 ★ 279KiB
HTML Visual Validation 10,000+ 8 ★ 54.54KiB
Pesticide for Chrome (without hover bar) 10,000+ 44 ★ 23.33KiB
Layout Debugger 10,000+ 3 ★ 251KiB
simple-debug.css 10,000+ 14 ★ 9.15KiB
Domkit 10,000+ 2 ★ 121KiB
JSON Viewer Pro 10,000+ 137 ★ 349KiB
Outline Chrome Extension 10,000+ 7 ★ 12.84KiB
CSSViewer 10,000+ 371 ★ 301KiB
CSS Brio 10,000+ 5 ★ 86.26KiB
Inspect CSS 10,000+ 24 ★ 404KiB
Css Playground and Dom Tree 10,000+ 2 ★ 179KiB
Hoverify 10,000+ 145 ★ 14.54MiB
Live editor for CSS, Less & Sass - Magic CSS 10,000+ 266 ★ 2.15MiB
Dimensions Inspect | Gridman 10,000+ 87 ★ 816KiB
User reviews
Arfin Zabed (ID: 0000004ade37b515) Voted 5 ★ - Updated 10/15/2022
Lakshmikanth Ayyadevara (ID: 0000007855985d2c) Voted 5 ★ - Updated 06/14/2021
Alessandro de Oliveira (ID: 000000836a22abf3) Voted 5 ★ - Updated 05/10/2021
Marina Riabets (ID: 00000016c7accb92) Voted 5 ★ - Updated 04/11/2020
Greg Lockwood (ID: 0000009977da8127) Voted 5 ★ - Updated 10/11/2017