Layout Debugger

Rate / votes
More than 469 users worldwide
Current version: 1.6
Price: FREE
Download extension
Like this extension ? Like/Share it!
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..

Reviews of Layout Debugger extension

Similar extension