Layout Debugger

#4 / 3 rate

Layout Debugger

903 users

2017-07-31

cdsnowden

Extension Information

5 star
40%
4 star
0%
3 star
0%
2 star
40%
1 star
20%

Supported Languages

Permissions

Description

Chrome extension for highlighting DOM elements to better debug layout issues

- Identifying too-wide overflowing objects.
- Distinguishing block from inline elements.
- Helping to keep track of element alignment.

Adds a distinct colour outline to each visible DOM element, as well as providing a visual prompt for overflowing divs.

display: block; => blue;
display: inline; => purple;
overflowing the viewport => red!
etc..