Layout Debugger

Layout Debugger is a Chrome extension developed by cdsnowden. According to the data from Chrome web store, current version of Layout Debugger is 1.7, updated on 2022-04-19.
750 users have installed this extension. 4 users have rated this extension with an average rating of .

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..