Layout Debugger

SUMMARY

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

The latest version of Layout Debugger is available on the Chrome web and is currently being used by 878 active users. The initial version was launched on 2017-07-31.

HOW TO INSTALL Layout Debugger FROM A CRX FILE

1. Download Layout Debugger CRX file
2. NOTE: Sometimes the browser may block downloading / installing CRX file from outside the Chrome Web Store. If so, you may need to download the ZIP file instead
3. In the URL bar, go to chrome://extensions
4. Enable Developer mode

Ratings

USER REVIEWS (0)